Jump to content

Дополнительньіе картинки по отдельности кликабельно


Recommended Posts

Подскажите, пожалуйста, возможно ли метками в разньіх местах карточки товара напрямую прописать дополнительньіе картинки таким образом, чтобьі они бьіли кликабельньі в поп-апе до оригинального размера.
Или отдельньіми метками по номерам картинок или диапазоном с номера по номер.
Шаблон vamshop-1.

Link to post
Share on other sites
2 часа назад, СФВ сказал:

Подскажите, пожалуйста, возможно ли метками в разньіх местах карточки товара напрямую прописать дополнительньіе картинки таким образом, чтобьі они бьіли кликабельньі в поп-апе до оригинального размера.
Или отдельньіми метками по номерам картинок или диапазоном с номера по номер.
Шаблон vamshop-1.

Можно конечно, каждый элемент массива выводить, без foreach

В шаблоне карточки товара /templates/vamshop5/module/product_info/product_info_v1.html вместо

    {foreach name=slide item=slides from=$mo_img}
                  <div class="product-gallery-preview-item" id="image{counter name=1}"><img itemprop="image" class="image-zoom" src="{$slides.PRODUCTS_MO_IMAGE}" {if $slides.PRODUCTS_MO_POPUP_LINK !=''}data-zoom="{$slides.PRODUCTS_MO_POPUP_IMAGE}"{/if} alt="{if $slides.PRODUCTS_MO_IMAGE_DESCRIPTION !=''}{$slides.PRODUCTS_MO_IMAGE_DESCRIPTION}{else}{$PRODUCTS_NAME}{/if}">
                    <div class="image-zoom-pane"></div>
                  </div>
    {/foreach}

писать отдельными элементами, что-то вроде:

первая картинка - {$mo_img[0].PRODUCTS_MO_IMAGE}

вторая картинка - {$mo_img[1].PRODUCTS_MO_IMAGE}

третья картинка - {$mo_img[2].PRODUCTS_MO_IMAGE}

и т.д.

Link to post
Share on other sites
10 минут назад, support сказал:

Можно конечно, каждый элемент массива выводить, без foreach

В шаблоне карточки товара /templates/vamshop5/module/product_info/product_info_v1.html вместо


    {foreach name=slide item=slides from=$mo_img}
                  <div class="product-gallery-preview-item" id="image{counter name=1}"><img itemprop="image" class="image-zoom" src="{$slides.PRODUCTS_MO_IMAGE}" {if $slides.PRODUCTS_MO_POPUP_LINK !=''}data-zoom="{$slides.PRODUCTS_MO_POPUP_IMAGE}"{/if} alt="{if $slides.PRODUCTS_MO_IMAGE_DESCRIPTION !=''}{$slides.PRODUCTS_MO_IMAGE_DESCRIPTION}{else}{$PRODUCTS_NAME}{/if}">
                    <div class="image-zoom-pane"></div>
                  </div>
    {/foreach}

писать отдельными элементами, что-то вроде:

первая картинка - {$mo_img[0].PRODUCTS_MO_IMAGE}

вторая картинка - {$mo_img[1].PRODUCTS_MO_IMAGE}

третья картинка - {$mo_img[2].PRODUCTS_MO_IMAGE}

и т.д.

Сорри, некорректно сформулировал. Нужно для шаблона  /templates/vamshop1

Link to post
Share on other sites
3 минуты назад, СФВ сказал:

Сорри, некорректно сформулировал. Нужно для шаблона  /templates/vamshop1

Так это актуально для любых шаблонов.

Выводите отдельными метрками и пишите свой html код, подключаете скрипты для красиового открытия картинок.

Link to post
Share on other sites
55 минут назад, support сказал:

Так это актуально для любых шаблонов.

Выводите отдельными метрками и пишите свой html код, подключаете скрипты для красиового открытия картинок.

Спасибо большое! Разобрался, работает!

А описание доп. картинки вьівести текстом через метку возможно?

Link to post
Share on other sites
5 минут назад, СФВ сказал:

Спасибо большое! Разобрался, работает!

А описание доп. картинки вьівести текстом через метку возможно?

Есть метка описания картинки PRODUCTS_MO_IMAGE_DESCRIPTION

Link to post
Share on other sites
Только что, support сказал:

Есть метка описания картинки PRODUCTS_MO_IMAGE_DESCRIPTION

Спасибо!

Link to post
Share on other sites
×
×
  • Create New...