Jump to content

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


Recommended Posts

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

Link to post
Share on other sites
support
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
support
3 минуты назад, СФВ сказал:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо!

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...