0
Как Увеличить Картинку В Карточке Товара
Автор Pavill, 17 апр. 2015 23:27
Сообщений в теме: 9
#1
Отправлено 17 Апрель 2015 - 23:27
Добрый вечер !
Хотел бы узнать как увеличить картинку в карточке товара и маленькие иконки под основной картинкой.
Шаблон пластик SL-151854
Хотел бы узнать как увеличить картинку в карточке товара и маленькие иконки под основной картинкой.
Шаблон пластик SL-151854
#2
Отправлено 18 Апрель 2015 - 02:08
В разделе Настройки - Основные - Изображения товаров - измените необходимые значения.
#3
Отправлено 18 Апрель 2015 - 07:13
Пробовал не получается, маленькие фото не увеличиваются под основным фото в карточке товара.
Прошу помощи в изменении карточки товара.
И еще вопрос по отображению основного фото
Прошу помощи в изменении карточки товара.
И еще вопрос по отображению основного фото
#4
Отправлено 18 Апрель 2015 - 07:40
В шаблоне Товар найдите и удалите:
В main.css найдите и удалите:
далее найдите:
замените на:
Текст кнопки можете измените непосредственно в шаблоне Товар
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение --> {% 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
Отправлено 18 Апрель 2015 - 08:11
Staff большое спасибо !
Еще вопрос как изменить цвет кнопки Добавить в корзину.
И вопрос по главной странице, прошу помочь как выровнять телефоны в верхней части, отображаются со смещением.
Еще вопрос как изменить цвет кнопки Добавить в корзину.
И вопрос по главной странице, прошу помочь как выровнять телефоны в верхней части, отображаются со смещением.
#6
Отправлено 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
Отправлено 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
Отправлено 18 Апрель 2015 - 14:33
Спасибо ! Получилось, только мне хотелось бы кнопку СРАВНИТЬ ТОВАР оставить белой, а добавить в корзину желтой. Есть такая возможность.
Ребята спасибо еще раз за оперативность...
Ребята спасибо еще раз за оперативность...
#9
Отправлено 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="Добавить «{GOODS_NAME}» в корзину" href="#">{% IF GOODS_MOD_REST_VALUE=0 %} Под заказ {%ELSE%} Добавить в корзину {% ENDIF %}</a></li>
Замените его на:
<li class="goodsPageSubmitButtonBlock" ><a class="whtblueBuy" onclick="$('.goodsDataForm').submit(); return false;" title="Добавить «{GOODS_NAME}» в корзину" href="#">{% IF GOODS_MOD_REST_VALUE=0 %} Под заказ {%ELSE%} Добавить в корзину {% ENDIF %}</a></li>
#10
Отправлено 19 Апрель 2015 - 06:05
Все сделал. Спасибо большое за поддержку.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных