Ответить Новая тема Новый опрос 
 Расположить миниатюры
akres
Cпециалист
Сообщений: 145
Регистрация: 01-10-2012


21-07-2014 05:14
Здравствуйте!
Подскажите пожалуйста правки необходимые что бы расположить миниатюры в карточки товара по вертикали между основной фоткой и карточкой цены/
пример http://**xs.ru/kollekcija-2nd-floor-2/8141-bide-duravit-2nd-floor-013610-napolnoe.html
**ge
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


21-07-2014 10:59
Открыть /themes/leomobi/css/product.css
найти: #thumbs_list и заменить
Код:
width: 320px;

на:
Код:
width: 90px;

найти: #thumbs_list li и удалить:
Код:
float: left;

найти: #pb-right-column #image-block и добавить:
Код:
float: left;


Дальше смотреть по коду в /themes/leomobi/product.tpl и менять положение.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
akres
Cпециалист
Сообщений: 145
Регистрация: 01-10-2012


22-07-2014 02:50
спасибо Алекс за помощь! Миниатюры становятся как надо!
но есть также вопросы:
1. Стрелки
на примере у миниатюр есть стрелки вправо влево, как эти стрелки перевернуть верх вниз и расположить по вертикали
2.Прокрутка
после правок что описал Алекс появляються сразу все миниатюры. Нужно их ограничить на показ всего трех. Далее стрелками в верх вниз
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
akres
Cпециалист
Сообщений: 145
Регистрация: 01-10-2012


22-07-2014 04:25
и перестала увеличиваться основная фотка при нажатии!!!!
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


22-07-2014 09:43
1. Стрелки: в любом редакторе развернуть на 90 и подогнать в css коде.
2. Ограничить показ можно в #thumbs_list добавить height: 320px
3. Не увеличивается основное изображение - значит вы при перемещении кода удалили параметры (не удаляйте / не изменяйте атрибуты id или class).
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
akres
Cпециалист
Сообщений: 145
Регистрация: 01-10-2012


22-07-2014 12:32
стрелки не прокручивают !
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


23-07-2014 10:27
Цитата:( akres @ 22-07-2014 13:32 Смотреть сообщение )
стрелки не прокручивают !

/themes/ваша-тема/js/product.js
Код:
axis:'x'

заменить на:
Код:
axis:'y'

 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
akres
Cпециалист
Сообщений: 145
Регистрация: 01-10-2012


23-07-2014 21:40
Цитата:( Алекс @ 21-07-2014 11:59 Смотреть сообщение )
Открыть /themes/leomobi/css/product.css
найти: #thumbs_list и заменить
Код:
width: 320px;

на:
Код:
width: 90px;

найти: #thumbs_list li и удалить:
Код:
float: left;

найти: #pb-right-column #image-block и добавить:
Код:
float: left;


Дальше смотреть по коду в /themes/leomobi/product.tpl и менять положение.

Цитата:
найти: #pb-right-column #image-block и добавить:
Код:
float: left;

При выполнение этой операции перестает увеличиваться большая картинка .Я добавляю в строку №6.
В какую нужно?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос