Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Заменить стандартный слайдер товаров в карточке.


Recommended Posts

Я не специалист в програмировании просто, не хватает навыков.

Я так понимаю за вывод доп изображений отвечает:

 <?php if ($images) { ?>
            <?php foreach ($images as $image) { ?>
            <li class="image-additional"><a class="thumbnail" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
            <?php } ?>
            <?php } ?>

а вывод основного изображения это:

<?php if ($thumb) { ?>
			<li><a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
            <?php } ?>

Верно я понимаю?

Надіслати
Поділитися на інших сайтах


делаю к примеру так:

<div id="owl-demo" class="owl-carousel owl-theme">
 
  <div class="item"><li><a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li></div>
 
</div>
<script>
$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      navigation : true, 
 
      slideSpeed : 300,
      paginationSpeed : 400,
 
      items : 1, 
      itemsDesktop : false,
      itemsDesktopSmall : false,
      itemsTablet: false,
      itemsMobile : false
 
  });
 
});
</script>
<style>
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
</style>

Но основное фото как выводилось так и выводится, нет слайдера( что я не так делаю?

Надіслати
Поділитися на інших сайтах


Зайдём с другого боку) Вывел главное фото слайдером + кнопки под главным фото для переключения слайдов. Вопрос теперь как вместо этих кнопок (точек) выести превьюшки (дополнительные фото)?

Snymok.jpg

Надіслати
Поділитися на інших сайтах


Я могу лишь ещё раз напомнить,что дал две ссылки на решение данного вопроса.Оба мной проверены.Они рабочие.Достаточно приложить усилия.

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.