Перейти к содержимому


Размер Изображения В Карточке Товара И Сloud-Zoom


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 spliny

spliny

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородКострома

Отправлено 16 Август 2014 - 02:45

Здравствуйте, помогите пожалуйста, на данном шаблоне изменить размер изображения в карточке товара, а так же подключить cloud-zoom.
На шаблоне сияние было всё просто... тут же мне не понятно как это сделать.

Да, и ещё один вопрос:
Правильно ли я понял, что в данном шаблоне нельзя задать стили для кнопки "перейти к оплате" в просмотре карточки заказа?

#2 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 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 {


#3 spliny

spliny

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородКострома

Отправлено 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 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 16 Август 2014 - 10:56

Просмотр сообщенияspliny (16 Август 2014 - 10:50) писал:

[size=4]

Спасибо, со стилем теперь понятно, просто он нигде не обозначен был.

А что с карточкой товара? точнее с размером изображения в ней? Как я понимаю, там нужно менять несколько переменных? размер самого изображения и блока, верно? как это сделать... пробовал пару вариантов - не вышло.
В 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, имеет смысл увеличить высоту и у блока.

#5 spliny

spliny

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородКострома

Отправлено 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, имеет смысл увеличить высоту и у блока.

огромнейшее спасибо!

#6 feytry

feytry

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 31 Август 2014 - 21:46

Помогите добавить блок в карточку товара чтоб можно было туда вставить текст или изображение Снимок.PNG

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Сентябрь 2014 - 04:38

В 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 анонимных