Здравствуйте, помогите пожалуйста, на данном шаблоне изменить размер изображения в карточке товара, а так же подключить cloud-zoom.
На шаблоне сияние было всё просто... тут же мне не понятно как это сделать.
Да, и ещё один вопрос:
Правильно ли я понял, что в данном шаблоне нельзя задать стили для кнопки "перейти к оплате" в просмотре карточки заказа?
1
Размер Изображения В Карточке Товара И Сloud-Zoom
Автор spliny, 16 авг. 2014 02:45
Сообщений в теме: 6
#1
Отправлено 16 Август 2014 - 02:45
#2
Отправлено 16 Август 2014 - 04:19
Устанавливается cloud-zoom аналогично для всех шаблонов. Выполните инструкцию из сообщения http://forum.storela...ора/#entry32048
Если после выполнения инструкции будет появляться ошибка или увеличение не будет работать корректно, то добавьте в самое начало подключенного файла cloud-zoom.1.0.2.js строку
Стиль кнопки изменить можно. В файле стилей style.css найдите строку
и замените её на
Если после выполнения инструкции будет появляться ошибка или увеличение не будет работать корректно, то добавьте в самое начало подключенного файла cloud-zoom.1.0.2.js строку
$.browser = {};
Цитата
Правильно ли я понял, что в данном шаблоне нельзя задать стили для кнопки "перейти к оплате" в просмотре карточки заказа?
Стиль кнопки изменить можно. В файле стилей style.css найдите строку
.buy_button, .buy_submit, .paymentFormSubmitLink {
и замените её на
.buy_button, .buy_submit, .paymentFormSubmitLink, .paymentFormTbodySubmitButton {
#3
Отправлено 16 Август 2014 - 10:50
Сake (16 Август 2014 - 04:19) писал:
Устанавливается cloud-zoom аналогично для всех шаблонов. Выполните инструкцию из сообщения http://forum.storela...ора/#entry32048
Если после выполнения инструкции будет появляться ошибка или увеличение не будет работать корректно, то добавьте в самое начало подключенного файла cloud-zoom.1.0.2.js строку
$.browser = {};
Стиль кнопки изменить можно. В файле стилей style.css найдите строку
.buy_button, .buy_submit, .paymentFormSubmitLink {
и замените её на
.buy_button, .buy_submit, .paymentFormSubmitLink, .paymentFormTbodySubmitButton {
Спасибо, со стилем теперь понятно, просто он нигде не обозначен был.
А что с карточкой товара? точнее с размером изображения в ней? Как я понимаю, там нужно менять несколько переменных? размер самого изображения и блока, верно? как это сделать... пробовал пару вариантов - не вышло.
#4
Отправлено 16 Август 2014 - 10:56
spliny (16 Август 2014 - 10:50) писал:
[size=4]
Спасибо, со стилем теперь понятно, просто он нигде не обозначен был.
А что с карточкой товара? точнее с размером изображения в ней? Как я понимаю, там нужно менять несколько переменных? размер самого изображения и блока, верно? как это сделать... пробовал пару вариантов - не вышло.
Спасибо, со стилем теперь понятно, просто он нигде не обозначен был.
А что с карточкой товара? точнее с размером изображения в ней? Как я понимаю, там нужно менять несколько переменных? размер самого изображения и блока, верно? как это сделать... пробовал пару вариантов - не вышло.
.img_middle_big img {height: zpx; width: ypx;}
Вместо z и y поставьте нужную вам ширину и высоту соответственно.
Чтобы вместе с картинкой изменялся размер блока, в котором она расположена, меняйте соответствующие параметры в строке:
.img_middle_big { width: 100%; height:251px; position:relative; margin:0 0 5px; }
Например, если высота у вас будет превышать 251px, имеет смысл увеличить высоту и у блока.
#5
Отправлено 16 Август 2014 - 14:05
Dars (16 Август 2014 - 10:56) писал:
В style.css добавьте строку:
.img_middle_big img {height: zpx; width: ypx;}
Вместо z и y поставьте нужную вам ширину и высоту соответственно.
Чтобы вместе с картинкой изменялся размер блока, в котором она расположена, меняйте соответствующие параметры в строке:
.img_middle_big { width: 100%; height:251px; position:relative; margin:0 0 5px; }
Например, если высота у вас будет превышать 251px, имеет смысл увеличить высоту и у блока.
.img_middle_big img {height: zpx; width: ypx;}
Вместо z и y поставьте нужную вам ширину и высоту соответственно.
Чтобы вместе с картинкой изменялся размер блока, в котором она расположена, меняйте соответствующие параметры в строке:
.img_middle_big { width: 100%; height:251px; position:relative; margin:0 0 5px; }
Например, если высота у вас будет превышать 251px, имеет смысл увеличить высоту и у блока.
огромнейшее спасибо!
#7
Отправлено 02 Сентябрь 2014 - 04:38
В main.css найдите:
далее зайдите в шаблон Товар, найдите:
далее в main.css добавьте:
.product_info_wrapper { float: left; margin-left: 30px; padding-bottom: 10px; width: 50%; }замените на:
.product_info_wrapper { float: left; margin-left: 30px; padding-bottom: 10px; width: 35%; }
далее зайдите в шаблон Товар, найдите:
<div itemtype="http://schema.org/Product" itemscope="" class="contentText">после него вставьте:
<div class="dop_block"> ваш текст или картинка </div>
далее в main.css добавьте:
.dop_block { float: right; width: 15%; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных