Jquery Easy Slider на открытой корзине v.1.5.1

Question

Я использую Jquery Easy Slider на Opencart v.1.5.1 http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

То, что я пытаюсь сделать, это использовать легкий слайдер для раздела бестселлеров на моей домашней странице. Я скопировал все необходимые файлы, но у меня проблемы с этим.

1. Только 1 изображение показывает, когда оно скользит (я думаю, это из-за ширины UL, но я не уверен, как его установить)

2. следующая и предыдущая стрелки не на своем месте.

Вот URL сайта: http://goo.gl/f4Xi0

Answer 1

span id = "nextBtn", его "position" установлена ​​в "absolute", верно? Поэтому его родительский div должен быть установлен на «position: относительный», иначе его позиция будет относительной ко всему документу.

http://www.w3schools.com/css/css_positioning.asp

Answer 2

Вам нужно поставить .box-product { position: relative; }, а затем двигаться вперед с помощью css, чтобы скорректировать значения #prevBtn и #nextBtn left, чтобы расположить стрелки там, где вы хотите.

http://www.csspivot.com/p3rn7 - Это после .box-product { position: relative; } (обратите внимание, что #prevBtn все еще потеряно, но скорректируйте эти значения left, и он вернется .. что-то вроде 0px для этого может быть и что-то вроде 600px для #nextBtn)