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

Dolphin4ik_1

  • Захожу иногда
  • 344
  • 2 / 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

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

gartes

  • Завсегдатай
  • 1783
  • 138 / 5
  • Е = mс²
*

gartes

  • Завсегдатай
  • 1783
  • 138 / 5
  • Е = 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

  • Захожу иногда
  • 344
  • 2 / 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

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

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

Dolphin4ik_1

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

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

gartes

  • Завсегдатай
  • 1783
  • 138 / 5
  • Е = 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

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

kit2m2

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

Экспорт товаров из JoomShopping в группу Вконтакте

Автор mister_boy

Ответов: 25
Просмотров: 3173
Последний ответ 11.10.2021, 19:55:18
от ProtectYourSite
Cash --- картинки товаров

Автор darkghost

Ответов: 9
Просмотров: 1654
Последний ответ 09.10.2021, 22:39:35
от nevigen
Разработать модуль вывода данных JoomShopping в админке Joomla

Автор timofe

Ответов: 14
Просмотров: 324
Последний ответ 02.10.2021, 20:07:40
от ShopES
JoomShopping как сделать заливку изображения белой ?

Автор starkon

Ответов: 6
Просмотров: 2249
Последний ответ 17.09.2021, 21:15:32
от PTM
Цена атрибута в списке товаров

Автор misteri27

Ответов: 4
Просмотров: 133
Последний ответ 09.09.2021, 10:41:49
от kit2m2