Перейти к содержимому


Картинка Для Характеристик Товара


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 BOXBON

BOXBON

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 09 Сентябрь 2022 - 22:31

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

Просьба подсказать, как можно добавить картинки к характеристикам у товара.
Пример:
Скриншот 09-09-2022 22:39:08.jpg (skr.sh)

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Сентябрь 2022 - 00:45

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

В раздел Сайт - Редактор шаблонов загрузите изображения.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
   					 {% FOR goods_features %}
   					 <div class="features__item flex">
   						 <div class="features__name"><span>{goods_features.NAME}</span></div>
   						 <div class="features__value"><span>{goods_features.VALUE}</span></div>
   					 </div>
   					 {% ENDFOR %}
                   
замените на:
   					 {% FOR goods_features %}
   					 <div class="features__item flex">
   						 <div class="features__name">
   						   {% IF goods_features.NAME=Батончик РотФронт %}<img src="{ASSETS_IMAGES_PATH}123.jpg" alt="{goods_features.NAME}" />
   						   {% ELSEIF goods_features.NAME=Белочка, Красный Октябрь %}<img src="{ASSETS_IMAGES_PATH}123.jpg" alt="{goods_features.NAME}" />
   						   {% ELSEIF goods_features.NAME=Золотой петушок %}<img src="{ASSETS_IMAGES_PATH}123.jpg" alt="{goods_features.NAME}" />
   						   {% ELSEIF goods_features.NAME=Обыкновенное чудо %}<img src="{ASSETS_IMAGES_PATH}123.jpg" alt="{goods_features.NAME}" />
   						   {% ENDIF %}
   						   <span>{goods_features.NAME}</span>
   						 </div>
   						 <div class="features__value"><span>{goods_features.VALUE}</span></div>
   					 </div>
   					 {% ENDFOR %}
                   
                   
Вместо 123.jpg укажите имя файла\изображения, список можете продолжить по аналогии.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.features__name {color: #CBC3DB;flex-grow: 1;position: relative;display: flex;align-items: flex-end;white-space: nowrap;}

замените на:
.features__name {color: #CBC3DB;flex-grow: 1;position: relative;display: flex;align-items: flex-end;white-space: nowrap;}
.features__name img {max-width: 150px;max-height: 50px;margin-right: 10px;}


#3 BOXBON

BOXBON

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 10 Сентябрь 2022 - 13:23

Большое спасибо! То, что нужно! :wub:

#4 BOXBON

BOXBON

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 11 Сентябрь 2022 - 15:43

Vaccina,
подскажите, пожалуйста, можно ли сделать функцию увеличения картинки при нажатии?

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Сентябрь 2022 - 08:04

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

Опишите пожалуйста подробнее, на данный момент эта функция у вас присутствует:
Screenshot(2).png

#6 BOXBON

BOXBON

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 14 Сентябрь 2022 - 19:46

Просмотр сообщенияVaccina (13 Сентябрь 2022 - 08:04) писал:

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

Опишите пожалуйста подробнее, на данный момент эта функция у вас присутствует:
Прикрепленный файл Screenshot(2).png

Здравствуйте.
Я имела ввиду картинки, которые будут добавляться к характеристикам по настройке, о которой написано выше.
http://boxbon.storel...od_id=296251493
Скриншот 14-09-2022 19:46:27.jpg (skr.sh)

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Сентябрь 2022 - 07:13

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - измените вставленные в характеристики изображения по примеру, было:
<img src="{ASSETS_IMAGES_PATH}39479.jpg" alt="{goods_features.NAME}" />

стало:
<img data-fancybox data-src="{ASSETS_IMAGES_PATH}39479.jpg" src="{ASSETS_IMAGES_PATH}39479.jpg" alt="{goods_features.NAME}" />
Screenshot(4).png

#8 BOXBON

BOXBON

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 15 Сентябрь 2022 - 11:22

Просмотр сообщенияVaccina (15 Сентябрь 2022 - 07:13) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - измените вставленные в характеристики изображения по примеру, было:
<img src="{ASSETS_IMAGES_PATH}39479.jpg" alt="{goods_features.NAME}" />

стало:
<img data-fancybox data-src="{ASSETS_IMAGES_PATH}39479.jpg" src="{ASSETS_IMAGES_PATH}39479.jpg" alt="{goods_features.NAME}" />
Прикрепленный файл Screenshot(4).png

Спасибо! Получилось! :)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных