Здравствуйте!
Можно ли сделать картинки в слайдере кликабельными? Чтобы кликать на саму картинку в любом месте и переходить на нужную мне страницу? Сейчас на мобильной версии на слайдере даже текст не отображается.
0
Слайдер. Кликабельные Картинки
Автор Max J, 30 янв. 2019 20:42
Сообщений в теме: 7
#2
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 01 Февраль 2019 - 06:09
Здравствуйте
По вашему номеру аккаунта установлена дизайн-тема "Мокко" и отсутствует слайдер на главной странице, уточните пожалуйста, где он установлен.
По вашему номеру аккаунта установлена дизайн-тема "Мокко" и отсутствует слайдер на главной странице, уточните пожалуйста, где он установлен.
#3
Max J
-
- Пользователи
-
- 5 сообщений
Новичок
Отправлено 01 Февраль 2019 - 11:17
Я переделываю на новый шаблон, сейчас он на аккаунте sl-468256
Кликабельность желательно сделать именно в мобильной версии, в десктопной хватит ссылок по тексту
Второе, по кнопкам. Можно поменять кнопки "на главной" и "хиты продаж" местами, чтобы сразу открывались "хиты", а на на кнопку "на главной" повесить любую другую категорию, которую мне надо (я потом кнопку буду переименовывать в зависимости от категории, которую хочу на нее повесить)?
Кликабельность желательно сделать именно в мобильной версии, в десктопной хватит ссылок по тексту
Второе, по кнопкам. Можно поменять кнопки "на главной" и "хиты продаж" местами, чтобы сразу открывались "хиты", а на на кнопку "на главной" повесить любую другую категорию, которую мне надо (я потом кнопку буду переименовывать в зависимости от категории, которую хочу на нее повесить)?
#4
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 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
Max J
-
- Пользователи
-
- 5 сообщений
Новичок
Отправлено 02 Февраль 2019 - 12:59
Спасибо огромное! Теперь слайдер правильно работает на мобильной версии.
#6
Max J
-
- Пользователи
-
- 5 сообщений
Новичок
Отправлено 05 Февраль 2019 - 02:20
Еще вопросы:
1, Можно ли в названиях карточек товаров и категорий, если не влезает, сделать название в две строки?
2, Как перенести описание категории вверх, над товарами, а SEO описание оставить внизу?
1, Можно ли в названиях карточек товаров и категорий, если не влезает, сделать название в две строки?
2, Как перенести описание категории вверх, над товарами, а SEO описание оставить внизу?
#8
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 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 анонимных
