Сообщений в теме: 39

[miyako]

dieselcat (02 Декабрь 2013 - 09:52) писал:

Ув.miyako ! Помогите пожалуйста поправить сайт.

Попробуйте откатить последние изменения. Сайт - Редактор шаблонов - внизу - Восстановить.

После каких изменений у Вас так стал отображаться сайт?

[dieselcat]

miyako (02 Декабрь 2013 - 12:27) писал:

Попробуйте откатить последние изменения. Сайт - Редактор шаблонов - внизу - Восстановить.

После каких изменений у Вас так стал отображаться сайт?

После изменения цвета.

[ne_yana]

dieselcat (02 Декабрь 2013 - 13:22) писал:

После изменения цвета.

Здравствуйте, в дальнейшем не дублируйте, пожалуйста, ваши вопросы. Ответы находятся в ветке http://forum.storela...ах/page__st__60

[xDIDGITx]

sengun (24 Ноябрь 2013 - 19:47) писал:

Здравствуйте.
Чтобы выстроить эти кнопки в одно линию, как вы понимаете, надо задать одинаковую высоту карточкам товаров в каталоге и прикрепить кнопки к низу.
В шаблоне style.css найдите

.autumnshowcase_block li{position:relative;width:210px;height:auto;margin:0;padding:0 30px 0 0;text-align:center}

замените на

.autumnshowcase_block li{position:relative;width:210px;height:400px;margin:0;padding:0 30px 0 0;text-align:center}

Далее найдите

.goodsListItemCatalogueAddToCartButton {padding-bottom: 5px;}

замените на

.goodsListItemCatalogueAddToCartButton {padding-bottom: 5px; position: absolute; bottom: 0px; width: inherit;}

Это для товаров на главной.
Для каталога найдите

#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;min-height: 250px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}

замените на

#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;height: 400px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}

Далее этот код

#category_view_type.grid_view #product_list .product_list_add_to_cart{text-align:center;margin-top:10px;margin-bottom:5px;position:relative;z-index:3;height:35px;line-height:35px}

замените на этот

#category_view_type.grid_view #product_list .product_list_add_to_cart{text-align:center;margin-top:10px;margin-bottom:5px;position: absolute;z-index:3;width: 100%;bottom: 20px;height:35px;line-height:35px}

И, наконец, добавьте в конец style.css этот код

#category_view_type.grid_view #product_list li .add-to-links {
position: absolute;
bottom: 0px;
width: 100%;
}

Почему сразу несделать нормально?

[Сake]

В шаблоне по умолчанию вывод товаров реализован нормально, просто не равномерность - стиль самого дизайна. Если вас такой вариант не устраивает (не нравиться отображение вывода списка товаров), то вы можете изменить стиль отображения списка товаров применив необходимые изменения для файла стилей. Инструкцию которую вы процитировали является именно таким изменением.

[Brendi]

Подскажите пожалуйста, выравнивала по этой теме товары в категориях, все получилось, но теперь в самом каталоге высота карточки тоже изменялась, как сделать ее меньше?

И еще, под названием категории, как например тут под словом Косметика, очень большое расстояние, как его сократить?

[Castiel]

Brend7111 (06 Февраль 2014 - 10:11) писал:

Подскажите пожалуйста, выравнивала по этой теме товары в категориях, все получилось, но теперь в самом каталоге высота карточки тоже изменялась, как сделать ее меньше?

И еще, под названием категории, как например тут под словом Косметика, очень большое расстояние, как его сократить?

Редактируем style.css
Находим

.content_sortPagiBar {
margin: 20px 0;
position: relative;
display: block;
border-bottom: 1px solid #c0c0c0;
padding-bottom: 10px;
}

Заменяем на

.content_sortPagiBar {
margin: 20px 0;
position: relative;
border-bottom: 1px solid #c0c0c0;
padding-bottom: 10px;
display: none;
}

Если убрать расстояние в каталоге категорий, то и в каталоге товаров все уменьшится и отображаться будет не корректно так как у вас установлены одинаковые стили для обоих видов отображения. Вам необходимо прописать другие классы и стили для отображения категорий.

[Brendi]

Не помогло, все осталось как и было.

[empty9228]

Здравствуйте, если вы имеете ввиду вот это(скрин), тогда найдите в файле css код

#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;height: 530px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}

замените его на

#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;height: 285px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}

Прикрепленные изображения

• 

[Castiel]

Brend7111 (06 Февраль 2014 - 10:11) писал:

И еще, под названием категории, как например тут под словом Косметика, очень большое расстояние, как его сократить?

Для того чтобы убрать расстояние выполните инструкцию которую вам написали ранее
Редактируем style.css
Находим

.content_sortPagiBar {
margin: 20px 0;
position: relative;
display: block;
border-bottom: 1px solid #c0c0c0;
padding-bottom: 10px;
}

Заменяем на

.content_sortPagiBar {
margin: 20px 0;
position: relative;
border-bottom: 1px solid #c0c0c0;
padding-bottom: 10px;
display: none;
}

[Brendi]

empty9228, после этих действий там, конечно все исправилось, но и в категории теперь 285 пикселей высота. Можно сделать, чтобы в категории и каталоге по разному было?
И еще вопрос, как сменить фон карточки товара с прозрачного на свой цвет?

[sengun]

Brend7111 (08 Февраль 2014 - 09:37) писал:

empty9228, после этих действий там, конечно все исправилось, но и в категории теперь 285 пикселей высота. Можно сделать, чтобы в категории и каталоге по разному было?

Здравствуйте.
Используйте код

#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;height: 285px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}

для редактирования отображения категорий, а для редактирования отображения товаров добавьте аналогичный код

.category-products #category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;height: 285px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}

Brend7111 (08 Февраль 2014 - 09:37) писал:

И еще вопрос, как сменить фон карточки товара с прозрачного на свой цвет?

В самое начало шаблона "Товар" добавьте

<div class="product_item">

а в самый конец

</div>

Теперь можно редактировать фон карточки товара, если добавить в style.css код

.product_item { background: white; }

[Brendi]

Так на странице товара поменяется цвет, а нужно у товаров в категории.

[@lina_va]

Brend7111 (09 Февраль 2014 - 08:57) писал:

Так на странице товара поменяется цвет, а нужно у товаров в категории.

Добрый день.
B style.css добавьте:

#product_list {
background: wheat;
}

[Brendi]

Не то. Чтобы цвет был в пределах красной обводки, которая появляется при наведении на товар.

[@lina_va]

Brend7111 (09 Февраль 2014 - 10:26) писал:

Не то. Чтобы цвет был в пределах красной обводки, которая появляется при наведении на товар.

B style.css в блоке:

.category-products #category_view_type.grid_view #product_list li {
display: inline-block;
display: -moz-inline-stack;
position: relative;
width: 200px;
height: 530px;
margin: 0 15px;
padding: 0;
border: 0;
vertical-align: top;
text-align: center;
z-index: 100;
}

нужно прописать
background: red; - укажите нужный цвет

И  код:

#category_view_type.grid_view #product_list .product_image_wrapper {
position: relative;
padding: 8px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
background: #ffffff;
}

замените на:

#category_view_type.grid_view #product_list .product_image_wrapper {
position: relative;
padding: 8px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
}

Фон самой картинки Вы можете поменять, только загрузив другое изображение

[ooosik]

sengun (24 Ноябрь 2013 - 19:47) писал:

Здравствуйте.
Чтобы выстроить эти кнопки в одно линию, как вы понимаете, надо задать одинаковую высоту карточкам товаров в каталоге и прикрепить кнопки к низу.
В шаблоне style.css найдите

.autumnshowcase_block li{position:relative;width:210px;height:auto;margin:0;padding:0 30px 0 0;text-align:center}

замените на

.autumnshowcase_block li{position:relative;width:210px;height:400px;margin:0;padding:0 30px 0 0;text-align:center}

Далее найдите

.goodsListItemCatalogueAddToCartButton {padding-bottom: 5px;}

замените на

.goodsListItemCatalogueAddToCartButton {padding-bottom: 5px; position: absolute; bottom: 0px; width: inherit;}

Это для товаров на главной.
Для каталога найдите

#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;min-height: 250px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}

замените на

#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;height: 400px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}

Далее этот код

#category_view_type.grid_view #product_list .product_list_add_to_cart{text-align:center;margin-top:10px;margin-bottom:5px;position:relative;z-index:3;height:35px;line-height:35px}

замените на этот

#category_view_type.grid_view #product_list .product_list_add_to_cart{text-align:center;margin-top:10px;margin-bottom:5px;position: absolute;z-index:3;width: 100%;bottom: 20px;height:35px;line-height:35px}

И, наконец, добавьте в конец style.css этот код

#category_view_type.grid_view #product_list li .add-to-links {
position: absolute;
bottom: 0px;
width: 100%;
}

Выполнили данную инструкцию, ничего не получается карточки товара все РАЗНОГО РАЗМЕРА, увеличивается пространство поля "Товары на главной", кнопки быстрый заказ при этом отстают от карточки товара-уходят вниз, в поле "новинки" наоборот - кнопки быстрого заказа налазят на название товара.

[Vaccina]

советую уменьшить размеры изображений в настройках до 184, чтобы так не прыгали, далее найдите в style.css:

#category_view_type.grid_view #product_list .product_image_wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
	padding: 8px;
	position: relative;
}

замените на:

#category_view_type.grid_view #product_list .product_image_wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
	height: 184px;
	padding: 8px;
	position: relative;
}

ниже добавьте:

#category_view_type.grid_view #product_list h5 a {
	display: block;
	height: 50px;
	overflow: hidden;
}

[ooosik]

Vaccina (18 Февраль 2014 - 05:11) писал:

советую уменьшить размеры изображений в настройках до 184, чтобы так не прыгали, далее найдите в style.css:

#category_view_type.grid_view #product_list .product_image_wrapper {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
padding: 8px;
position: relative;
}

замените на:

#category_view_type.grid_view #product_list .product_image_wrapper {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
height: 184px;
padding: 8px;
position: relative;
}

ниже добавьте:

#category_view_type.grid_view #product_list h5 a {
display: block;
height: 50px;
overflow: hidden;
}

Ничего не изменилось, только каталог товаров выровнялся, хотя одно изображение вылазит за пределы границы, а на главной все изображения -  в разнобой разного размера

[@lina_va]

ooosik (18 Февраль 2014 - 14:18) писал:

Ничего не изменилось, только каталог товаров выровнялся, хотя одно изображение вылазит за пределы границы, а на главной все изображения -  в разнобой разного размера

Добрый вечер.
В style.css замените:

.autumnshowcase_block .product_image {
max-width: 192px;
height: auto;
z-index: 1;
}

на

.autumnshowcase_block .product_image {
max-width: 192px;
height: 130px;
z-index: 1;
}