Здравствуйте!
Можно ли сделать картинки в слайдере кликабельными? Чтобы кликать на саму картинку в любом месте и переходить на нужную мне страницу? Сейчас на мобильной версии на слайдере даже текст не отображается.
0
Слайдер. Кликабельные Картинки
Автор Max J, 30 янв. 2019 20:42
Сообщений в теме: 7
#1
Отправлено 30 Январь 2019 - 20:42
#2
Отправлено 01 Февраль 2019 - 06:09
Здравствуйте
По вашему номеру аккаунта установлена дизайн-тема "Мокко" и отсутствует слайдер на главной странице, уточните пожалуйста, где он установлен.
По вашему номеру аккаунта установлена дизайн-тема "Мокко" и отсутствует слайдер на главной странице, уточните пожалуйста, где он установлен.
#3
Отправлено 01 Февраль 2019 - 11:17
Я переделываю на новый шаблон, сейчас он на аккаунте sl-468256
Кликабельность желательно сделать именно в мобильной версии, в десктопной хватит ссылок по тексту
Второе, по кнопкам. Можно поменять кнопки "на главной" и "хиты продаж" местами, чтобы сразу открывались "хиты", а на на кнопку "на главной" повесить любую другую категорию, которую мне надо (я потом кнопку буду переименовывать в зависимости от категории, которую хочу на нее повесить)?
Кликабельность желательно сделать именно в мобильной версии, в десктопной хватит ссылок по тексту
Второе, по кнопкам. Можно поменять кнопки "на главной" и "хиты продаж" местами, чтобы сразу открывались "хиты", а на на кнопку "на главной" повесить любую другую категорию, которую мне надо (я потом кнопку буду переименовывать в зависимости от категории, которую хочу на нее повесить)?
#4
Отправлено 02 Февраль 2019 - 04:43
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
далее найдите:
замените на:
измените текст на необходимый.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<li class="accor accor-open"> <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето"> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Лето"><strong>Лето</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Лето">Сезонные скидки и распродажи!</a></p> </div> </li> <li class="accor accor-closed"> <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Осень"> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Осень"><strong>Осень</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Осень">Сезонные скидки и распродажи!</a></p> </div> </li> <li class="accor accor-closed"> <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима"> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Зима"><strong>Зима</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Зима">Сезонные скидки и распродажи!</a></p> </div> </li> <li class="accor accor-closed"> <img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна"> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Весна"><strong>Весна</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Весна">Сезонные скидки и распродажи!</a></p> </div> </li>
замените на:
<li class="accor accor-open"> <a href="{PAGES_ROOT_URL}/Доставка" title="Лето"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето"></a> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Лето"><strong>Лето</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Лето">Сезонные скидки и распродажи!</a></p> </div> </li> <li class="accor accor-closed"> <a href="{PAGES_ROOT_URL}/Доставка" title="Осень"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Осень"></a> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Осень"><strong>Осень</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Осень">Сезонные скидки и распродажи!</a></p> </div> </li> <li class="accor accor-closed"> <a href="{PAGES_ROOT_URL}/Доставка" title="Зима"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима"></a> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Зима"><strong>Зима</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Зима">Сезонные скидки и распродажи!</a></p> </div> </li> <li class="accor accor-closed"> <a href="{PAGES_ROOT_URL}/Доставка" title="Весна"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна"></a> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Весна"><strong>Весна</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Весна">Сезонные скидки и распродажи!</a></p> </div> </li>
далее найдите:
<ul class="pdt-nav"> {% IFNOT index_page_goods_empty %}<li class="item-nav"><a href="#" data-filter="pdt-sale" class="active">На главной</a></li>{% ENDIF %} {% IFNOT index_page_new_goods_empty %}<li class="item-nav"><a href="#" data-filter="pdt-new" {% IF index_page_goods_empty=1 %}class="active"{% ENDIF %}>Скидки</a></li>{% ENDIF %} {% IFNOT index_page_favorites_goods_empty %}<li class="item-nav"><a href="#" data-filter="pdt-best" {% IF index_page_goods_empty=1 && index_page_new_goods_empty=1 %}class="active"{% ENDIF %}>Хиты продаж</a></li>{% ENDIF %} </ul>
замените на:
<ul class="pdt-nav"> {% IFNOT index_page_favorites_goods_empty %}<li class="item-nav"><a href="#" data-filter="pdt-best" class="active">Хиты продаж</a></li>{% ENDIF %} {% IFNOT index_page_goods_empty %}<li class="item-nav"><a href="#" data-filter="pdt-sale" {% IF index_page_favorites_goods_empty=1 %}class="active"{% ENDIF %}>На главной</a></li>{% ENDIF %} {% IFNOT index_page_new_goods_empty %}<li class="item-nav"><a href="#" data-filter="pdt-new" {% IF index_page_goods_empty=1 && index_page_favorites_goods_empty=1 %}class="active"{% ENDIF %}>Скидки</a></li>{% ENDIF %} </ul>
измените текст на необходимый.
#5
Отправлено 02 Февраль 2019 - 12:59
Спасибо огромное! Теперь слайдер правильно работает на мобильной версии.
#6
Отправлено 05 Февраль 2019 - 02:20
Еще вопросы:
1, Можно ли в названиях карточек товаров и категорий, если не влезает, сделать название в две строки?
2, Как перенести описание категории вверх, над товарами, а SEO описание оставить внизу?
1, Можно ли в названиях карточек товаров и категорий, если не влезает, сделать название в две строки?
2, Как перенести описание категории вверх, над товарами, а SEO описание оставить внизу?
#7
Отправлено 07 Февраль 2019 - 18:50
Ответьте пожалуйста
#8
Отправлено 09 Февраль 2019 - 06:04
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
далее найдите:
замените на:
Далее зайдите в шаблон Товары - найдите:
замените на:
далее найдите:
над ним вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cat-info h3 {display: block;background: rgba(0,0,0,0.5);bottom: -26px;color: #fff;font-size: 16px;padding: 3px 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;-khtml-opacity: 0;transform: translate(0,76px);-moz-transform: translate(0,76px);-webkit-transform: translate(0,76px);-ms-transform: translate(0,76px);-o-transform: translate(0,76px);transition: opacity .35s ease 0s,transform .35s ease 0s;-moz-transition: opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;-ms-transition: opacity .35s ease 0s,transform .35s ease 0s;-o-transition: opacity .35s ease 0s,transform .35s ease 0s;}
замените на:
.cat-info h3 {display: block;background: rgba(0,0,0,0.5);color: #fff;font-size: 16px;padding: 3px 3px;overflow: hidden;opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;-khtml-opacity: 0;transform: translate(0,76px);-moz-transform: translate(0,76px);-webkit-transform: translate(0,76px);-ms-transform: translate(0,76px);-o-transform: translate(0,76px);transition: opacity .35s ease 0s,transform .35s ease 0s;-moz-transition: opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;-ms-transition: opacity .35s ease 0s,transform .35s ease 0s;-o-transition: opacity .35s ease 0s,transform .35s ease 0s;height: 42px;}
далее найдите:
.products-grid .item .item-inner .item-info .product-name {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;padding: 10px 0 5px;font-family: 'PT Sans Narrow', sans-serif;font-size: 18px;}
замените на:
.products-grid .item .item-inner .item-info .product-name {display: block;overflow: hidden;margin: 0;padding: 10px 0 5px;font-family: 'PT Sans Narrow', sans-serif;font-size: 18px;height: 55px;}
Далее зайдите в шаблон Товары - найдите:
<!-- Вывод всех видов описания категории --> {% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %} <div class="DescriptionBlock f-fix"> <div class="htmlDataBlock"> <!-- Описание категории --> {% IF CATEGORY_DESCRIPTION %} <p>{CATEGORY_DESCRIPTION}</p> {% ENDIF %} <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} <p>{CATEGORY_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- Полное SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} <p>{CATEGORY_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} </div> </div> {% ENDIF %} <!-- /END Вывод всех видов описания категории -->
замените на:
<!-- Вывод всех видов описания категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %} <div class="DescriptionBlock f-fix"> <div class="htmlDataBlock"> <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} <p>{CATEGORY_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- Полное SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} <p>{CATEGORY_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} </div> </div> {% ENDIF %} <!-- /END Вывод всех видов описания категории -->
далее найдите:
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="categories row {% IF index_page %}index{% ENDIF %}">
над ним вставьте:
<!-- Вывод всех видов описания категории --> {% IF CATEGORY_DESCRIPTION %} <div class="DescriptionBlock f-fix"> <div class="htmlDataBlock"> <!-- Описание категории --> {% IF CATEGORY_DESCRIPTION %} <p>{CATEGORY_DESCRIPTION}</p> {% ENDIF %} </div> </div> {% ENDIF %} <!-- /END Вывод всех видов описания категории -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных