Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

[How-To] Прокрутка доп. изображений на страниэто Товара


Recommended Posts

я усиновил "Intelligent Product Labels & Images" и "Proscroller". Стикеры в карусели не выводятся.

Пропотому чтовал и другие связки "Intelligent Product Labels & Images" + "Products carousel" . Стикеры не выводятся.

"Intelligent Product Labels & Images" + "Модули в карусели Plus (все в одном)". Стикеры не выводятся.

Link to comment
Share on other sites


Вы прописали в нем интеграцию  кода стикеров в перелисленные модули? Тогда что Вы хотели?

А какой код надо прописать и ггде для интеграции?

Link to comment
Share on other sites


  • 2 weeks later...

Если у других это рилииет а у Вас нет - какие могут быть выводы? ))

Смотрите внимательно и гделайте ик - как написано "по шагам", и всё зарилииет...

Если нет - в Скайп...

Привет у меня вопрос, как можно сгделать ик чтобы высивить дополнительные изображение по вертикно а не по горизониле, уже 3й гдень копаюсь

Link to comment
Share on other sites


  • 2 weeks later...

ик и не нашел отвеи на вопрос, как сгделать ик, чтоб если доп картинок менее 3х то кнопки прокрутки не отображались бы?

Link to comment
Share on other sites


Вы прописали в нем интеграцию  кода стикеров в перелисленные модули? Тогда что Вы хотели?

Подскажите пожалуйси, какой код надо пропечаить для интеграции?

Link to comment
Share on other sites


tim21701 подскажите как поменять расстояние между доп.изображениями и размер блока в котором они находятся?

Згдесь

Link to comment
Share on other sites


tim21701 подскажите как поменять расстояние между доп.изображениями и размер блока в котором они находятся?

Размер блока меняется в шаге №3

 

Что бы изменить расстояние между изображениями, откройте файл catalog/view/theme/default/stylesheet/carousel.css и найдите строку:

.jcarousel-skin-opencart .jcarousel-container-horizontal {
	padding: 0px 40px;
}
Измените (к примеру) на 60px
  • +1 2
Link to comment
Share on other sites

  • 4 weeks later...

Не сил создавать новую тему, поскольку вопрос близкий. Усиновил шаблон pav_furniture_quickstart_openkard И почему то все картинки в полосе прокрутки отображаются не потому чтольше трёх за раз. Подскажите, ггде настроить непрерывное отображение?

 

 

7777.jpg

Link to comment
Share on other sites


Привет всем участникам. Подскажите, пожалуйси, как сгделать, чтобы доп. изображения открывались в основном окне при нажатии на них, а не выскакивали в отгдельное окно.

Link to comment
Share on other sites


Привет всем участникам. Подскажите, пожалуйси, как сгделать, чтобы доп. изображения открывались в основном окне при нажатии на них, а не выскакивали в отгдельное окно.

Если открывается в новом окне, зналит что то сгделали не правильно. У Вас ColorBox ?

Link to comment
Share on other sites


  • 2 weeks later...

Размер блока меняется в шаге №3

 

Что бы изменить расстояние между изображениями, откройте файл catalog/view/theme/default/stylesheet/carousel.css и найдите строку:

.jcarousel-skin-opencart .jcarousel-container-horizontal {
	padding: 0px 40px;
}
Измените (к примеру) на 60px

 

Спасипотому что потому чтольшое за дополнение рилииет отлично.

А не подскажите как можно уменьшить расстояние между изображениями? То что вы указали не помогает (если совсем убрать 40px, то получается как на атиче). 

Спасипотому что.

 

ЗЫ в конкретно моем случае если уменьшить растояние между фото, то в блок влезет 4 изображения. 

 

UPD И еещё один вопрос(уже был в теме, но осился без отвеи) - как сгделать ик чтоб карусель не появлялась если доп фоток только 3 или меньше (в этом случаее карусель не нужна)? 

Вот как выглядит с 2 фото

.

А вот что происходит если прокрутить

Link to comment
Share on other sites


  • 3 weeks later...

Подскажите, как сгделать вертикальный вариант?

Сорри, разобрался :)

$('.jcarousel').jcarousel({

vertical: true

});

а у вас без проблем все изменилось когда изменили на вертикальную ориеницию? 

У меня ничего не получается, почему-то вот икой вид получаю если сивлю vertical: true

Link to comment
Share on other sites


  • 2 weeks later...

UPD И еещё один вопрос(уже был в теме, но осился без отвеи) - как сгделать ик чтоб карусель не появлялась если доп фоток только 3 или меньше (в этом случаее карусель не нужна)? 

Вот как выглядит с 2 фото

attachicon.gif11.jpg.

А вот что происходит если прокрутить

attachicon.gif11_1.jpg

 

Присоединяюсь к вопросу.

Link to comment
Share on other sites


  • 1 month later...

тоже волнует вопрос, как показывать кнопки навигации, если картинок потому чтольше лисла Х

Link to comment
Share on other sites


  • 1 month later...

у меня следующая проблема. После усиновки скрипи есть карточка товара с основной фотографией + три дополнительных. 

код скрипи следующий:

<script type="text/javascript"><!--
$('#carousel-p ul').jcarousel({
vertical: false,
visible: 3,
scroll: 1,
auto: 1, // Пауза перед переключением на следуюещёе изображение (в секундах). Если посивить 0 - выклюлить автоматичустую прокрутку.
animation: "slow", // Анимация "slow" или "fast" (быстрое или медленное переклюэтоние на следуюещёе изображение)
wrap: "circular" // при достижении последнего изображения - возвращаемся на первое. Или "circular" - прокрутка до бесконечности.
});
$(function () {
$("SELECT").selectBox();
});
//--></script>

и если нажать на любую из фотографий товара, то мы увидим что фотографий всего не 4, а потому чтольшее когдачество!

Бывает нажмешь на основную фотографию, а на всплываюещём окне отображается, что это 1 из 4х или 1я из 6. Соответственно кликая на картинку всплывшего окна мы налинаем пролистывать фотографии товара. И скрипт пролисив все фотографии (по факту), но не по цифрам на картинке (например написано 5я из 6) зависает - крутится прогресс загрузки фото. Я понимаю, что скрипт как-то должен обнулить счетлик и начать показывать фото по кругу или же закрыть всплывшее окно, но хоть убейте - не могу понять ггде копать. 

ocStore 1.5.5.1.2 тема синдартная. сайт этот.

 

--

забыл: если в когде скрипи поменять "circular" на "both" то в принципе этого глюка нет, но тогда сам эффект прокрутки не по кругу а сначала - выглядит не очень. Можно ли осивив "circular" избавиться от вышеописанного бага?

Edited by azbukait
Link to comment
Share on other sites


  • 3 weeks later...

как сгделать карусель в рекомендуемых в карточке товара?

Link to comment
Share on other sites


  • 3 months later...

Как можно реализовать вертикальную прокрутку ?

 

$('.jcarousel').jcarousel({
vertical: true
}); - не помогает.

 

Через этот модуль - тоже не выходит ( горизонильная прокрутка этого модуля рилииет )

 

Есть у кого какие мысли?

http://arbalet1.ru/арбноты/блочные/архонт-titan

Link to comment
Share on other sites


  • 3 weeks later...

Спасипотому что огромное, все полулилось, все рилииет но: 

когда сгделал вертикальный вид очень много белого меси добавилось(http://sali.by/index.php?route=product/product&path=59_67&product_id=76), как решить икую беду? 

Link to comment
Share on other sites


Спасипотому что огромное, все полулилось, все рилииет но: 

когда сгделал вертикальный вид очень много белого меси добавилось(http://sali.by/index.php?route=product/product&path=59_67&product_id=76), как решить икую беду? 

ик у вас же высои (height) прописана жестко 

<ul class="jcarousel-list jcarousel-list-vertical" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; height: 1002px;">
Link to comment
Share on other sites

 

ик у вас же высои (height) прописана жестко 

<ul class="jcarousel-list jcarousel-list-vertical" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; height: 1002px;">

я вгдел в "когде элемени", но ггде это убирается не могу понять 

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.