Здравствуйте!
sl-218495
Подскажите, пожалуйста, если в категорию хиты или новинки добавить больше, чем 54 товара, то стрелки прокрутки карусели исчезают, а кружочки-индикаторы товара видны в несколько строк.
Как сделать, чтобы независимо от количества товара в категории, нижняя строка карусели была в один ряд и имела вид "стрелочка влево" - "кружочки" -"стрелочка вправо" ? Или вообще убрать все кружочки...
И еще такой вопрос - можно ли переименовать категорию "Хиты продаж" ?
0
Сообщений в теме: 4
#1
Отправлено 18 Январь 2019 - 19:12
#2
Отправлено 22 Январь 2019 - 03:35
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Сейчас у вас заголовок изменен на "Последняя цена", уточните пожалуйста, актуален ли еще ваш вопрос?
Зайдите в раздел Сайт - Редактор шаблонов - 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;}
Сейчас у вас заголовок изменен на "Последняя цена", уточните пожалуйста, актуален ли еще ваш вопрос?
#3
Отправлено 30 Январь 2019 - 12:40
Спасибо за помощь.
Помогло лишь частично - стрелочки появились, но точки в несколько рядов(((
Заголовок изменен. Но, когда на него кликаешь и переходишь в раздел, то раздел называется "Хиты продаж". Так и не нашла где это поменять...
Помогло лишь частично - стрелочки появились, но точки в несколько рядов(((
Заголовок изменен. Но, когда на него кликаешь и переходишь в раздел, то раздел называется "Хиты продаж". Так и не нашла где это поменять...
#4
Отправлено 31 Январь 2019 - 08:55
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
далее найдите:
замените на:
далее зайдите в шаблон HTML - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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 %}
#5
Отправлено 01 Февраль 2019 - 15:28
Спасибо, все получилось!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных