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


Фото
- - - - -

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


  • Чтобы отвечать, сперва войдите на форум
2 ответов в теме

#1 y2507

y2507
  • Пользователь
  • 12 сообщений
  • Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Москва

Опубликовано 20.02.2019 - 23:16

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

 

в шаблоне есть галерея товаров когда кликаешь на доп. изображения оно переключается на главной фото. Организовал следующим способом но есть вопрос по поводу 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}

Спасибо.



#2 y2507

y2507
  • Пользователь
  • 12 сообщений
  • Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Москва

Опубликовано 20.02.2019 - 23:23

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



#3 question

question
  • Пользователь
  • 267 сообщений
  • Заказчик, Пользователь
  • Версия CMS:2.x
  • Откуда:Россия

Опубликовано 21.02.2019 - 08:48

Вообще ничего не понял, но, предположу, что вам нужно смотреть в сторону a href onclick return false






0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых