Как сделать переключение фото в карточке товара?

Question

[Константин Вонотон]

Работаю с сайтом на Webasyst Shop-Script. Мне нужно добавить на сайт в карточке товара кнопки для переключения между фото товара. Добавил их в html код в нужном файле. Сделал все как хотел, но есть одна проблема. Не знаю как сделать ссылки на следующую и предыдущую фотографию. Подскажите как сделать ссылки на фото, чтобы они работали в любой карточке товара, а не только в конкретной. Выглядит это так:

Вот код этих кнопок:

<a class="uk-position-center-left uk-link-reset uk-text-center sibling-arrow" style="z-index:10; padding: 5px 0 0 20px;">
        {include file="`$wa_parent_theme_path`/svg.chevron-left.html" inline}
</a>
<a class="uk-position-center-right uk-link-reset uk-text-center sibling-arrow " style="z-index:10;">
        {include file="`$wa_parent_theme_path`/svg.chevron-right.html" inline}
</a>

Comments

[Максим]

А вы сами делали что то? Или думаете ваш скриншот суперинформативный?

[Константин Вонотон]

Максим, Мне нужно было добавить стрелочки переключения в нужный файл на сайте, я написал данный код и мне осталось только сделать так чтобы эти стрелки работали. Я пробовал написать ссылки через атрибут href у тегов a, а также скопировать код с других страниц на моем на сайте, но ничего не вышло. Так как нужно написать "шаблонную" ссылку, чтобы она работала на всех карточках товара, а это можно сделать только с помощью js или smarty.
Также я пытался сделать с помощью атрибутов uk-slidenav-previous и uk-slidenav-next так как на моем сайте используется UIkit 3, но это тоже не помогло.
Я понимаю что нужно поконкретней, но скидывать скрины и части кода я могу до бесконечности. Поэтому если у вас есть вариант как решить мою проблему, попросите то что вас интересует. А не оценивайте подачу вопроса)

[Максим]

Константин Вонотон, ну возьмите slick slider или любой другой slider подключите и дополнительно в настройках укажите эти class для кнопок..
Я утром более внимательно прочитаю и попробую решить

[Константин Вонотон]

Максим, Я немного разобрался и изменил код, это сильно не помогло, но сейчас расскажу подробнее чтобы было понятно что я хочу.
В общем у меня есть файл product.gallery.html, в нем написан код карточки товара, например этой В карточке есть основное фото и внизу несколько маленьких фото, при нажатии на которые переключается главное фото. Мне нужно добавить стрелочки переключения для основного фото, то есть такая же "механика" как и у маленьких фото, но только за счет нажатия на эти стрелочки.
Вот скрин с кодом основного фото и стрелочек
А вот код нижних маленьких фоток

Надеюсь так будет понятнее)

[Константин Вонотон]

Максим, Так вот мне нужно добавить какую нибудь ссылку в тег а, чтобы основное фото переключалось засчет стрелочек. А пока я смог добиться того что засунул стрелочки в нужное место. Теперь нужно догадаться как сделать ссылку. Вот пример ссылки которая открывает основное фото на весь экран {$wa->shop->productImgUrl($product, $size)}