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

[MILA]

Здравствуйте!
sl-218495
Подскажите, пожалуйста, если в категорию хиты или новинки добавить больше, чем 54 товара, то стрелки прокрутки карусели исчезают, а кружочки-индикаторы товара видны в несколько строк.
Как сделать, чтобы независимо от количества товара в категории, нижняя строка карусели была в один ряд и имела вид "стрелочка влево" - "кружочки"  -"стрелочка вправо" ? Или вообще убрать все кружочки...

И еще такой вопрос - можно ли переименовать категорию "Хиты продаж" ?

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#producttabs .products-container .products-grid .owl-controls .owl-controls-inner {display: inline-block;position: relative;}
#producttabs .products-container .products-grid .owl-controls .owl-dots {padding-right: 10px;padding-left: 10px;}
#producttabs .products-container .products-grid .owl-controls .owl-dots .owl-dot {display: inline-block;width: 11px;height: 11px;border-radius: 50%;cursor: pointer;background: rgba(182,197,215,.3);}
#producttabs .products-container .products-grid .owl-controls .owl-dots .owl-dot.active, #producttabs .products-container .products-grid .owl-controls .owl-dots .owl-dot:hover {background: #336296;box-shadow: 0 0 0 4px #dfe4eb;}
#producttabs .products-container .products-grid .owl-controls .owl-dots .owl-dot + .owl-dot {margin-left: 20px;}
#producttabs .products-container .products-grid .owl-controls .owl-nav {position: absolute;top: -4px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;pointer-events: none;}
#producttabs .products-container .products-grid .owl-controls .owl-nav.disabled, #producttabs .products-container .products-grid .owl-controls .owl-dots.disabled {display: none;}
#producttabs .products-container .products-grid .owl-controls .owl-dots.disabled + #producttabs .products-container .products-grid .owl-controls {display: none;}
#producttabs .products-container .products-grid .owl-controls .owl-nav .owl-prev, #producttabs .products-container .products-grid .owl-controls .owl-nav .owl-next {position: absolute;pointer-events: auto;padding: 0 7px;font-size: 24px;color: #98acd2;top: 2px;}
#producttabs .products-container .products-grid .owl-controls .owl-nav .owl-prev:hover, #producttabs .products-container .products-grid .owl-controls .owl-nav .owl-next:hover {color: #336296;}
#producttabs .products-container .products-grid .owl-controls .owl-nav .owl-prev {left: -40px;}
#producttabs .products-container .products-grid .owl-controls .owl-nav .owl-next {right: -40px;}

замените на:

#producttabs .products-container .products-grid .owl-controls .owl-controls-inner {width:100%; display: inline-block;position: relative;}
#producttabs .products-container .products-grid .owl-controls .owl-dots {padding-right: 10px;padding-left: 10px;width: 95%;margin: 0 auto;}
#producttabs .products-container .products-grid .owl-controls .owl-dots .owl-dot {display: inline-block;width: 11px;height: 11px;border-radius: 50%;cursor: pointer;background: rgba(182,197,215,.3);}
#producttabs .products-container .products-grid .owl-controls .owl-dots .owl-dot.active, #producttabs .products-container .products-grid .owl-controls .owl-dots .owl-dot:hover {background: #336296;box-shadow: 0 0 0 4px #dfe4eb;}
#producttabs .products-container .products-grid .owl-controls .owl-dots .owl-dot + .owl-dot {margin-left: 20px;}
#producttabs .products-container .products-grid .owl-controls .owl-nav {position: absolute;top: -4px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;pointer-events: none;}
#producttabs .products-container .products-grid .owl-controls .owl-nav.disabled, #producttabs .products-container .products-grid .owl-controls .owl-dots.disabled {display: none;}
#producttabs .products-container .products-grid .owl-controls .owl-dots.disabled + #producttabs .products-container .products-grid .owl-controls {display: none;}
#producttabs .products-container .products-grid .owl-controls .owl-nav .owl-prev, #producttabs .products-container .products-grid .owl-controls .owl-nav .owl-next {position: absolute;pointer-events: auto;padding: 0 7px;font-size: 24px;color: #98acd2;top: 2px;}
#producttabs .products-container .products-grid .owl-controls .owl-nav .owl-prev:hover, #producttabs .products-container .products-grid .owl-controls .owl-nav .owl-next:hover {color: #336296;}
#producttabs .products-container .products-grid .owl-controls .owl-nav .owl-prev {left: -10px;}
#producttabs .products-container .products-grid .owl-controls .owl-nav .owl-next {right: -10px;}

Сейчас у вас заголовок изменен на "Последняя цена", уточните пожалуйста, актуален ли еще ваш вопрос?

[MILA]

Спасибо за помощь.
Помогло лишь частично - стрелочки появились, но точки в несколько рядов(((

Заголовок изменен. Но, когда на него кликаешь и переходишь в раздел, то раздел называется "Хиты продаж". Так и не нашла где это поменять...

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#producttabs .products-container .products-grid .owl-controls .owl-dots {padding-right: 10px;padding-left: 10px;width: 95%;margin: 0 auto;}

замените на:

#producttabs .products-container .products-grid .owl-controls .owl-dots {display: none;padding-right: 10px;padding-left: 10px;width: 95%;margin: 0 auto;}

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

#producttabs .products-container .products-grid .owl-controls .owl-nav {position: absolute;top: -4px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;pointer-events: none;}

замените на:

#producttabs .products-container .products-grid .owl-controls .owl-nav {position: absolute;top: -19px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;pointer-events: none;}

далее зайдите в шаблон HTML - найдите:

				{% ELSEIF MOD_LNAME=catalog %}
				  <div class="block-title"><h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0 %} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} {% ENDIF %} {% ENDIF %}</h1>{% IF GOODS_PAGES_RESULTS > 0 %}<h5 class="result">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")}</h5>{% ENDIF %}</div>
				{% ENDIF %}

                
замените на:

				{% ELSEIF MOD_LNAME=catalog %}
				  <div class="block-title"><h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{% IF CATEGORY_NAME=Хиты продаж %}Последняя цена{% ELSE %}{CATEGORY_NAME}{% ENDIF %}{% ENDIF %}</h1>{% IF GOODS_PAGES_RESULTS > 0 %}<h5 class="result">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")}</h5>{% ENDIF %}</div>
				{% ENDIF %}

[MILA]

Спасибо, все получилось!