Перейти к содержанию
Официальный форум поддержки Simpla

Переключение главного изображения по ссылке с доп.изображений


Рекомендуемые сообщения

Добрый вечер. Вопрос

 

в шаблоне есть галерея товаров когда кликаешь на доп. изображения оно переключается на главной фото. Организовал следующим способом но есть вопрос по поводу href="#gal{$image->id}" если так оставить то получается ссылка site.ru/#gal143 и переходит на главную если добавляю в href="products/{$product->url}#gal{$image->id}" работает но это не правильно так как не добавляется стиль active потому что если смотреть в Html то в href должно быть #gal143 , а у меня получается products/товар#gal143

 

{if $product->images|count>1}
        <div class="col-md-6 pb-5">
          <div class="product-gallery">
            <div class="product-carousel owl-carousel">
			{foreach $product->images|cut:0 as $i=>$image}
			<a class="gallery-item" href="img/shop/01.jpg" data-fancybox="gallery1" data-hash="gal{$image->id}"><img src="{$image->filename|resize:500:500}" alt="Product"></a>
			{/foreach}
			</div>
            <ul class="product-thumbnails">
			  {foreach $product->images|cut:0 as $i=>$image}
              <li class="active"><a href="products/{$product->url}#gal{$image->id}"><img src="{$image->filename|resize:200:200}" alt="Product"></a></li>
              {/foreach}
            </ul>
          </div>
        </div>
{/if}

Как это правильно сделать чтобы код был

 

{if $product->images|count>1}
        <div class="col-md-6 pb-5">
          <div class="product-gallery">
            <div class="product-carousel owl-carousel">
			{foreach $product->images|cut:0 as $i=>$image}
			<a class="gallery-item" href="img/shop/01.jpg" data-fancybox="gallery1" data-hash="#gal143"><img src="{$image->filename|resize:200:200}" alt="Product"></a>
			{/foreach}
			</div>
            <ul class="product-thumbnails">
			  {foreach $product->images|cut:0 as $i=>$image}
              <li class="active"><a href="#gal143"><img src="{$image->filename|resize:200:200}" alt="Product"></a></li>
              {/foreach}
            </ul>
          </div>
        </div>
{/if}

Спасибо.

Ссылка на сообщение
Поделиться на другие сайты

И как можно правильно переписать данный код, это не правильный вариант вывода главного фото как доп. как я понимаю.

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...