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


Как Увеличить Картинку В Карточке Товара


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

#1 Pavill

Pavill

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

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

Отправлено 17 Апрель 2015 - 23:27

Добрый вечер !
Хотел бы узнать как увеличить картинку в карточке товара и маленькие иконки под основной картинкой.
Шаблон пластик SL-151854

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 18 Апрель 2015 - 02:08

В разделе Настройки - Основные - Изображения товаров - измените необходимые значения.

#3 Pavill

Pavill

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

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

Отправлено 18 Апрель 2015 - 07:13

Пробовал не получается, маленькие фото не увеличиваются под основным фото в карточке товара.
Прошу помощи в изменении карточки товара.
Изображение

И еще вопрос по отображению основного фото
Изображение

#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 18 Апрель 2015 - 07:40

В шаблоне Товар найдите и удалите:
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
	 {% IFNOT GOODS_IMAGE_EMPTY %}
	 <div class="button zoomimg txtalgncnt">
		 <a href="{GOODS_IMAGE_LARGE}" target="_blank" class="whtgreen" title="Увеличить {GOODS_NAME}">Увеличить изображение</a>
	 </div>
	 {% ENDIF %}

<div class="title fnt11i" {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>Другие фото {GOODS_NAME}</div>

В main.css найдите и удалите:
#content .product .leftpart .allphoto ul li a img { max-width:50px; max-height:50px; }

далее найдите:
#content .product .leftpart .fullimg a img { max-width:310px; max-height:200px; position:relative; z-index:30; }

замените на:
#content .product .leftpart .fullimg a img { max-width:310px; position:relative; z-index:30; }

Текст кнопки можете измените непосредственно в шаблоне Товар

#5 Pavill

Pavill

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

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

Отправлено 18 Апрель 2015 - 08:11

Staff большое спасибо !
Еще вопрос как изменить цвет кнопки Добавить в корзину.

И вопрос по главной странице, прошу помочь как выровнять телефоны в верхней части, отображаются со смещением.

#6 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 18 Апрель 2015 - 09:33

Просмотр сообщенияPavill (18 Апрель 2015 - 08:11) писал:

И вопрос по главной странице, прошу помочь как выровнять телефоны в верхней части, отображаются со смещением.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header .blocks .rght ul li.padd { padding:4px 0 4px 18px; margin:2px 0 0 45px; overflow:hidden; width:200px; height:14px; line-height:15px; }

Замените на:
#header .blocks .rght ul li.padd { padding:4px 0 4px 25px; margin:2px 0 0 28px; overflow:hidden; width:200px; height:14px; line-height:15px; }

Найдите код:
#header .blocks .rght ul li.telephone { background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) -11px -0px no-repeat; }

Замените:
#header .blocks .rght ul li.telephone { background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) -6px -0px no-repeat; }

Найдите код:
#header .blocks ul.telephone23 li { float:left; margin-left:14px; }

Замените на:
#header .blocks ul.telephone23 li { float:left; margin-left:26px; }


#7 Cupuyc

Cupuyc

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

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

Отправлено 18 Апрель 2015 - 09:34

Просмотр сообщенияPavill (18 Апрель 2015 - 08:11) писал:

Staff большое спасибо !
Еще вопрос как изменить цвет кнопки Добавить в корзину.

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.whtblue { border:1px solid #d0d0d0 !important; background:url({ASSETS_IMAGES_PATH}whtblue-nor.jpg) center top repeat-x; padding:5px 15px; font:italic bold 12px Verdana, Geneva, sans-serif; color:#504f4f; height:27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none; }

Замените его на:
.whtblue { border:1px solid #d0d0d0 !important; background:rgb(239, 239, 0); padding:5px 15px; font:italic bold 12px Verdana, Geneva, sans-serif; color:#504f4f; height:27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none; }

Значение - "rgb(239, 239, 0)" отвечает за цвет кнопки "добавить в корзину", напишите вместо него нужный вам цвет

#8 Pavill

Pavill

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

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

Отправлено 18 Апрель 2015 - 14:33

Спасибо !   Получилось, только мне хотелось бы кнопку СРАВНИТЬ ТОВАР оставить белой, а добавить в корзину желтой. Есть такая возможность.
Ребята спасибо еще раз за оперативность...

#9 Cupuyc

Cupuyc

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

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

Отправлено 18 Апрель 2015 - 14:47

Просмотр сообщенияPavill (18 Апрель 2015 - 14:33) писал:

Спасибо !   Получилось, только мне хотелось бы кнопку СРАВНИТЬ ТОВАР оставить белой, а добавить в корзину желтой. Есть такая возможность.
Ребята спасибо еще раз за оперативность...

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте последней строкой код:
a.whtblueBuy {
border: 1px solid #d0d0d0 !important;
background: rgb(239, 239, 0);
padding: 5px 15px;
font: italic bold 12px Verdana, Geneva, sans-serif;
color: #504f4f;
height: 27px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
}

В админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар найдите код:
			 <li class="goodsPageSubmitButtonBlock" ><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Добавить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">{% IF GOODS_MOD_REST_VALUE=0 %} Под заказ {%ELSE%} Добавить в корзину {% ENDIF %}</a></li>

Замените его на:
			 <li class="goodsPageSubmitButtonBlock" ><a class="whtblueBuy" onclick="$('.goodsDataForm').submit(); return false;" title="Добавить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">{% IF GOODS_MOD_REST_VALUE=0 %} Под заказ {%ELSE%} Добавить в корзину {% ENDIF %}</a></li>


#10 Pavill

Pavill

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

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

Отправлено 19 Апрель 2015 - 06:05

Все сделал. Спасибо большое за поддержку.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных