Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 855 Просмотров
*

Dolphin4ik_1

  • Захожу иногда
  • 433
  • 3 / 2
У меня выводится в карточке товара
Код
   <?php
    print $this->_tmp_product_html_before_related;
    include(dirname(__FILE__)."/related.php");
?>

в related.php
Код
<div class="jshop_list_product_related">

<div class="list_related">
<?php foreach($this->related_prod as $k=>$product){?> 
<div class="jshop_related">
  <?php include(dirname(__FILE__)."/../".$this->folder_list_products."/".$product->template_block_product);?>
                </div>
<?php }?>

</div>
    </div>

Плюс использую срипт для товара в карусели
Код
<script type="text/javascript">

jQuery(document).ready(function($) {

jQuery(".list_related").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
items : 1,
//Pagination
pagination : false,
paginationNumbers: false,
nav: true,
loop: false,
margin: 0,
responsive:{
568:{
items: 2,
},
767:{
items: 2,
},
992:{
items: 2,
},
1200:{
items: 2,
},
}
});
});

</script>

Вот хочу выевсти вторую карусель но не могу понять как поменять класс list_related на другой для изменения скрипта.


« Последнее редактирование: 29.08.2021, 02:22:31 от Dolphin4ik_1 »
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
 *ОХ-Х-Х*
Вот хочу выевсти вторую карусель но не могу понять как поменять класс list_related на другой для изменения скрипта
А что карусель не подхватывает (не инициализируется ) на  2 узлах с одинаковым классом ??
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Поменять|добавить класс можно из Javascript
Код
            var list_related = document.querySelectorAll('.list_related')
            for ( var i = 0 ; i < list_related.length ; i++ ){
                list_related[i].setAttribute('class' , 'list_related owl-carousel')
            }
            // и  дальше ...
            jQuery(".owl-carousel").owlCarousel({
            //   ..........
*

Dolphin4ik_1

  • Захожу иногда
  • 433
  • 3 / 2
Но у меня выводится в карточке <div class="list_related">
         <?php foreach($this->related_prod as $k=>$product){?> 
            <div class="jshop_related">
                 <?php include(dirname(__FILE__)."/../".$this->folder_list_products."/".$product->template_block_product);?>
                </div>
         <?php }?>
         
      </div>
в двух местах один и тот же класс
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
в двух местах один и тот же класс

Ну и пусть будет в двух местах. Это же class and not id
*

Dolphin4ik_1

  • Захожу иногда
  • 433
  • 3 / 2
Нужно чтобы в первом выводе было responsive:{
568:{
items: 2,
},
767:{
items: 2,
},
992:{
items: 2,

а во втором responsive:{
568:{
items: 7,
},
767:{
items: 7,
},
992:{
items: 7,   скрипт инициализируется по классу там и там он одинаковый. я бы заменил класс на другой чтобы два раза вызвать но в related.php  один класс
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
а ... Тепер понял !
Ща !

Код
var list_related = document.querySelectorAll('.list_related')
        for ( var i = 0 ; i < list_related.length ; i++ ){
            list_related[i].setAttribute('class' , 'list_related owl-carousel carousel-index--'+i )
        }
        // и  дальше ... Init owlCarousel
        jQuery(".owl-carousel.carousel-index--0").owlCarousel({
            // в первом выводе было responsive:
        });
        jQuery(".owl-carousel.carousel-index--1").owlCarousel({
            // во втором responsive:
        });
Конечно - #быдлокод - но так чтобы Вы понимали что делаем !  ;D
*

ProtectYourSite

  • Живу я здесь
  • 2356
  • 135 / 4
  • Безопасность вебсайтов
в related.php <div class="list_related">
Копируете блок с любым другим классом.
Только смысл от двух одинаковых каруселей по товарам с разницей по количеству?
*

kit2m2

  • Живу я здесь
  • 3271
  • 268 / 0
  • Беру сайты на полное сопровождение
Можно еще так выводить (карусель + список) - http://dubai.dk-web.ru/pitstsa-italyanskaya/firmennaya
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Фильтр товаров для JoomShopping 5

Автор Lemonez

Ответов: 14
Просмотров: 849
Последний ответ 25.04.2024, 14:11:25
от dron
WT JoomShopping Favorite - кнопки избранного в категории товаров и карточке тов

Автор sergeytolkachyov

Ответов: 13
Просмотров: 2074
Последний ответ 03.04.2024, 14:24:38
от sergeytolkachyov
Модуль карусели товаров JoomShopping на Swiper.js для Joomla

Автор sergeytolkachyov

Ответов: 1
Просмотров: 448
Последний ответ 10.01.2024, 19:54:00
от sergeytolkachyov
Как сделать файлы для продажи доступными для скачивания при любом статусе заказа?

Автор UNh0ly

Ответов: 4
Просмотров: 1730
Последний ответ 18.09.2023, 09:10:17
от ИммоБокс
Вывести название категории в списке товаров

Автор ataman

Ответов: 9
Просмотров: 3528
Последний ответ 15.09.2023, 20:31:11
от Alex_gs