Вход Регистрация
Лайфхаки 22.09.2017 4 4199
Как сделать для виджета «Карточка» или «Товар» несколько фотографий

Как сделать для виджета «Карточка» или «Товар» несколько фотографий

Скучные и однотипные, но качественные фотографии товара сегодня нельзя увидеть в редком интернет-магазине. Но самые успешные продавцы на вашем рынке обязаны всегда быть на шаг впереди.

Наше решение для карточки и товара в несколько фотографий поможет вам решить сразу 3 проблемы:

  1. Сразу же предоставить клиенту как можно более подробную информацию о наличии разных цветов товара в ассортименте.
  2. Максимально упростить навигацию клиента по сайту, так как он сможет составить представление о товаре еще до перехода в карточку товара благодаря множеству фотографий.
  3. Идти в ногу со временем и максимально модернизировать сайт, что не останется незамеченным клиентами.
     

Как это реализовать:


Для виджета "Карточка": 

  1. Размещаем виджеты на сайте и предварительно для них отключаем картинки (скриншот);
  2. Чуть выше виджета "Карточка" размещаете виджет "Галерея" с необходимые вам настройками (скриншот).

 


Для виджета "Товар магазина": 

  1. Размещаете виджеты "Товар магазина" на сайте, а перед этими виджетами, чуть выше располагаете виджет "Галерея" (скриншот);
  2. Так как для виджет "Товар магазина" не предусмотрено отключение картинки в настройках, то для вас мы предусмотрели следующий код, который отключает картинки для всех виджетов "Товар магазина":

Перейдите в панель управления вашего сайта в раздел «Свой код». В редактор вставьте следующий код:
 

Код
<style>
.ul-w-productCard__picture {
     display: none !important;
}
</style>  


Во вкладке «Настройки» в разделе «Выводить код» отметьте пункт «В <head>». (скриншот).
Сохраните код и опубликуйте ваш сайт.


Установить сторонний код на ваш сайт, вы можете на тарифе «Про». Ознакомиться с тарифом вы можете на следующей странице: blog-ru.ukit.com/updates/tariffs. Также отмечу, что вы можете обратиться в службу поддержки uKit за помощью в установке кода на тарифах «Премиум» и выше, через раздел «Помощь» (скриншот). 
Демо страница Написать автору статьи Донат автору
Похожие материалы:
Всего комментариев: 4
avatar
0 Спам
1
Фишка больше не работает, картинки в карточке отключить нельзя, галерея сверху товара или карточки не добавляется.
avatar
0
2
Обновил код. Проверьте, пожалуйста.
avatar
0 Спам
3
здравствуйте. сделал как вы написали, но есть нюанс - в галерея не встает вплотную к карточке, и между ними некрасивый пробел. как быть? можно ли как-то убрать его, может с помощью какого-то кода? Использовать другой шаблон не вариант, потому что там другие требования не подходят
avatar
0
4
Для разных шаблонов, это редактируется по разному при помощи CSS-стилей. Уточните, пожалуйста, адрес страницы, где я могу увидеть описанную вами ситуацию.
P.S. Адрес страницы и скриншот всегда быстрее решает любую проблему.
Войдите:
avatar