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

misteri27

  • Захожу иногда
  • 338
  • 0 / 0
Всем привет.
Переделал related.php что бы сопутка выводилась скролером вот сам файл
Код
<script  type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
       jQuery(".b-carousel-button-right").click(function(){ // при клике на правую кнопку запускаем следующую функцию:
jQuery(".h-carousel-items").animate({left: "-142px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд.
setTimeout(function () { // устанавливаем задержку времени перед выполнением следующих функций. Задержка нужна, т.к. эти ффункции должны запуститься только после завершения анимации.
jQuery(".h-carousel-items .b-carousel-block").eq(0).clone().appendTo(".h-carousel-items"); // выбираем первый элемент, создаём его копию и помещаем в конец карусели
jQuery(".h-carousel-items .b-carousel-block").eq(0).remove(); // удаляем первый элемент карусели
jQuery(".h-carousel-items").css({"left":"0px"}); // возвращаем исходное смещение набора набора элементов карусели
}, 300);
});

       jQuery(".b-carousel-button-left").click(function(){ // при клике на левую кнопку выполняем следующую функцию:
jQuery(".h-carousel-items .b-carousel-block").eq(-1).clone().prependTo(".h-carousel-items"); // выбираем последний элемент набора, создаём его копию и помещаем в начало набора
jQuery(".h-carousel-items").css({"left":"-142px"}); // устанавливаем смещение набора -222px
jQuery(".h-carousel-items").animate({left: "0px"}, 200); // за 200 милисекунд набор элементов плавно переместится в исходную нулевую точку
jQuery(".h-carousel-items .b-carousel-block").eq(-1).remove(); // выбираем последний элемент карусели и удаляем его
});

});
</script>
<?php $in_row = $this->config->product_count_related_in_row;?>
<?php if (count($this->related_prod)){?> 
<?php $result = count($this->related_prod)?>
<h3 class="jshop-titleheading-2"><?php print _JSHOP_RELATED_PRODUCTS?></h3> 
   <div class="b-carousel"> <!-- контейнер, в котором будет карусель -->
<?php if($result > 4){?>
<div class="b-carousel-button-left"></div> <!-- левая кнопка -->
<div class="b-carousel-button-right"></div> <!-- правая кнопка -->
<?php }?>
<div class="h-carousel-wrapper"> <!-- видимая область карусели -->
<div class="h-carousel-items"> <!-- весь набор элементов карусели -->
       <?php foreach($this->related_prod as $k=>$product) {?>
        <?php if ($product->label_id == '6') continue; ?>    
           <div class="b-carousel-block">
<div class="block_item">
        <div class="item_name">
            <a href="<?php print $product->product_link?>"><?php
$str=($product->name);
            //разбиваем на массив
             $arr_str = explode(" ", $str);
            //берем первые 6 элементов
            $arr = array_slice($arr_str, 0, 6);
            //превращаем в строку
            $new_str = implode(" ", $arr);
           // Если необходимо добавить многоточие
            if (count($arr_str) > 6) {
            $new_str .= '...';
            }
            echo $new_str;//Выведет 'Этот текст имеет большое количество пробелов и...'
?></a>
        </div>
        <div class="item_image">
   
            <a href="<?php print $product->product_link?>">               
                <img width="70px" height="70px" src="<?print($product->image);?>">
            </a>
        </div>

   
<?php if ($product->product_old_price > 0){?>
            <div class="old_price"><?php if ($this->config->product_list_show_price_description) echo _JSHOP_OLD_PRICE.": ";?><span><?php echo formatprice($product->product_old_price)?></span></div>
        <?php }?>
        <?php if ($product->_display_price){?>
        <div class="item_price">
            <div class="item_price_1">
<?php if ($product->product_price == '0') { ?>
<span style="font-size:8px;"><?php print 'ДОГОВОРНАЯ ЦЕНА';?></span>
<?php } else {?>
<?php print formatprice($product->product_price);?>
<?php }?>
</div>
<?php if ($product->buy_link){?>
            <a class="button_buy" title="Добавить в корзину <?php
$str=($product->name);
            //разбиваем на массив
             $arr_str = explode(" ", $str);
            //берем первые 6 элементов
            $arr = array_slice($arr_str, 0, 6);
            //превращаем в строку
            $new_str = implode(" ", $arr);
           // Если необходимо добавить многоточие
            if (count($arr_str) > 6) {
            $new_str .= '...';
            }
            echo $new_str;//Выведет 'Этот текст имеет большое количество пробелов и...'
?>" href="<?php echo $product->buy_link?>"></a> &nbsp;
            <?php }?>
        </div>
<div class="cls"></div>
        <?php }?>
<div class="cls"></div>
    </div>
</div>         
       <?php }?>
</div>
</div>     
 </div>
<?php }?>
Скрипт нарыл в интернете. Он работает при нажатии на стрелки прокрутки . Но вот незадача мне еще нужно что бы он запускался при открытии и останавливался когда наводишь на блок с товарами. Нужна помощь.
*

kit2m2

  • Завсегдатай
  • 1446
  • 128 / 1
Re: Сопутствующие материалы сролером
« Ответ #1 : 29.10.2018, 02:35:05 »
В интернете есть много библиотек скролеров/слайдеров с большим кол-вом настроек, в том числе и автозапуск, остановка при наведении и еще куча настроек...

Подключите одну из них и будет как Вы хотите.
*

misteri27

  • Захожу иногда
  • 338
  • 0 / 0
Re: Сопутствующие материалы сролером
« Ответ #2 : 30.10.2018, 09:44:27 »
В интернете есть много библиотек скролеров/слайдеров с большим кол-вом настроек, в том числе и автозапуск, остановка при наведении и еще куча настроек...

Подключите одну из них и будет как Вы хотите.
Да вот эта как раз и заработала . Весь прикол в том что идет конфликт по ходу скриптов хоть и стоит  jQuery Easy. Другие вообще не работают просто.
*

kit2m2

  • Завсегдатай
  • 1446
  • 128 / 1
Re: Сопутствующие материалы сролером
« Ответ #3 : 30.10.2018, 15:23:11 »
Да вот эта как раз и заработала . Весь прикол в том что идет конфликт по ходу скриптов хоть и стоит  jQuery Easy. Другие вообще не работают просто.
Сайт покажите
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вторые сопутствующие товары

Автор katjuha6

Ответов: 13
Просмотров: 663
Последний ответ 30.08.2018, 18:02:20
от nevigen
Сопутствующие Товары + Слайдер

Автор kadet3000

Ответов: 15
Просмотров: 3762
Последний ответ 21.07.2017, 11:49:56
от kit2m2
Сопутствующие товары в списке товаров?

Автор aleksandrozz

Ответов: 12
Просмотров: 552
Последний ответ 04.02.2017, 10:21:24
от aleksandrozz
Сопутствующие + дополнительные товары

Автор kvai

Ответов: 12
Просмотров: 1064
Последний ответ 31.10.2016, 15:33:54
от nevigen
Сопутствующие товары - сколько штук в корзину

Автор Exciter

Ответов: 0
Просмотров: 467
Последний ответ 08.05.2015, 21:36:40
от Exciter