Как Изменить Карточку Товара
#21
Отправлено 14 Февраль 2013 - 07:50
Прошу помочь с изменениями в файле "Товары"
1 При клике на фото, вместо перехода на старницу "товар"
нужно что бы увеличивалось изображение
(как при клике на фразу "увеличтить изображение")
2. Характеристики на странице "Товары" упорядочиваются не так как я установил последовательность во вкладке "Товары"-"Характеристики",
а по алфавитному порядку:
Производитель: Сербия
Размерная сетка 122,128,134,140,146,152,158
Состав 100% хлопок
Упаковка ед. 7
Цена за ед. 660
А вот в файле "товар" последовательность "Характеристики" стоит правильная.
3. Как поставить "В наличии -10 уп" под кнопку "Купить" на странице "товары"
#23
Отправлено 14 Февраль 2013 - 19:13
proncom (14 Февраль 2013 - 07:50) писал:
Прошу помочь с изменениями в файле "Товары"
1 При клике на фото, вместо перехода на старницу "товар"
нужно что бы увеличивалось изображение
(как при клике на фразу "увеличтить изображение")
2. Характеристики на странице "Товары" упорядочиваются не так как я установил последовательность во вкладке "Товары"-"Характеристики",
а по алфавитному порядку:
Производитель: Сербия
Размерная сетка 122,128,134,140,146,152,158
Состав 100% хлопок
Упаковка ед. 7
Цена за ед. 660
А вот в файле "товар" последовательность "Характеристики" стоит правильная.
3. Как поставить "В наличии -10 уп" под кнопку "Купить" на странице "товары"
1) в шаблоне Товары найдите строчку
<div class="listing"> <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a> <div class="goodsDataMainImageZoom"> <a href="{goods.IMAGE_LARGE}" rel="gallery{goods.ID}" onclick="$(this).nyroModalManual();return(false);">Увеличить изображение</a> </div></div>
замените ее на
<div class="listing"> <div class="imagem"><a href="{goods.IMAGE_LARGE}" rel="gallery{goods.ID}" onclick="$(this).nyroModalManual();return(false);"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a> <div class="goodsDataMainImageZoom"> <a href="{goods.IMAGE_LARGE}" rel="gallery{goods.ID}" onclick="$(this).nyroModalManual();return(false);">Увеличить изображение</a> </div></div>
2) вероятно смена порядка вывода характеристик в бэк-офисе влияет только на отображение их на странице товара, а на странице каталога это не сработает
3) можно попробовать поставить и кол-во товаров, но тогда у Вас будет путаница. Потому, что модификаций у товаров может быть несколько и в зависимости от модификации (например, размеров) будет разное кол-во товаров в наличии....
#24
Отправлено 14 Февраль 2013 - 20:45
#25
Отправлено 15 Февраль 2013 - 10:47
Прошу помочь все таки установить фразу "В наличии: 18 уп" под кнопку "КУПИТЬ" на странице "Товары"
И подкорректируйте пожалуйста страницу поиска. Скриншот прилагаю.
Вы писали "можно попробовать поставить и кол-во товаров, но тогда у Вас будет путаница. Потому, что модификаций у товаров может быть несколько и в зависимости от модификации (например, размеров) будет разное кол-во товаров в наличии...."
На данный момент я не планирую использовать модификации.
#26
Отправлено 15 Февраль 2013 - 11:53
proncom (15 Февраль 2013 - 10:47) писал:
Прошу помочь все таки установить фразу "В наличии: 18 уп" под кнопку "КУПИТЬ" на странице "Товары"
И подкорректируйте пожалуйста страницу поиска. Скриншот прилагаю.
Вы писали "можно попробовать поставить и кол-во товаров, но тогда у Вас будет путаница. Потому, что модификаций у товаров может быть несколько и в зависимости от модификации (например, размеров) будет разное кол-во товаров в наличии...."
На данный момент я не планирую использовать модификации.
1) в шаблоне Поиск (Сайт -> Редактор тем) найдите блок
.listing .contm { position: relative; display: inline; float: left; width: 370px; margin-left: 130px; }
и замените его на
.listing .contm { position: relative; display: inline; float: left; width: 376px; margin-left: -8px; }
2) Кол-во товаров на странице Товары:
найдите в шаблоне ТОВАРЫ блок
<p> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br /> <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p>
и ПЕРЕД ним вставьте
<!-- Доступность товара --> <div class="goodsDataMainModificationAvailableValue" style="font-size:0.9em;line-height:2em;"> В наличии <span class="available-value">{goods.MAX_REST_VALUE}</span> <span class="goodsDataMainModificationMeasureText">шт.</span> </div>
#27
Отправлено 15 Февраль 2013 - 17:59
#28
Отправлено 16 Февраль 2013 - 08:19
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable" style="font-size:0.9em;line-height:1em; margin-left: 17px;margin-top: -10px;">
В наличии: <span class="available-value">{GOODS_MOD_REST_VALUE}</span> <span class="goodsDataMainModificationMeasureText">{GOODS_MOD_MEASURE_NAME} </span>
</div>
Nrgrhm посмотрим файл «Товары»Из чего я понимаю, что переменная «уп» в этом выражении это: {GOODS_MOD_MEASURE_NAME}
2.В файле товары: у меня стоит такой код:
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailableValue" style="font-size:0.9em; line-height:1em; margin-left: 235px;">
В наличии <span class="available-value">{goods.MAX_REST_VALUE}</span> <span class="goodsDataMainModificationMeasureText">уп.</span>
</div>
Этот код тоже выводит фразу под кнопкой «Купить» фразу «в наличии: 10 уп.», где слово «уп.» не переменная.
Вопрос?
Почему при замене во втором случае ( в файле товары) слова «уп.» на переменную (из фала товар) {GOODS_MOD_MEASURE_NAME}
Мы наблюдаем на странице товары под кнопкой купить: В наличии 10 вообще отсутствие слова «уп.»
#29
Отправлено 16 Февраль 2013 - 09:16
proncom (16 Февраль 2013 - 08:19) писал:
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable" style="font-size:0.9em;line-height:1em; margin-left: 17px;margin-top: -10px;">
В наличии: <span class="available-value">{GOODS_MOD_REST_VALUE}</span> <span class="goodsDataMainModificationMeasureText">{GOODS_MOD_MEASURE_NAME} </span>
</div>
Nrgrhm посмотрим файл «Товары»Из чего я понимаю, что переменная «уп» в этом выражении это: {GOODS_MOD_MEASURE_NAME}
2.В файле товары: у меня стоит такой код:
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailableValue" style="font-size:0.9em; line-height:1em; margin-left: 235px;">
В наличии <span class="available-value">{goods.MAX_REST_VALUE}</span> <span class="goodsDataMainModificationMeasureText">уп.</span>
</div>
Этот код тоже выводит фразу под кнопкой «Купить» фразу «в наличии: 10 уп.», где слово «уп.» не переменная.
Вопрос?
Почему при замене во втором случае ( в файле товары) слова «уп.» на переменную (из фала товар) {GOODS_MOD_MEASURE_NAME}
Мы наблюдаем на странице товары под кнопкой купить: В наличии 10 вообще отсутствие слова «уп.»
В каждом шаблоне доступны разные переменные. Таким образом, один и тот же результат в разных шаблонах мы выводим разными переменными. По поводу уп., то да, соглашусь, это моя ошибка. Там тоже должна стоить переменная, но не та, что приводите Вы. Ту, которая там должна стоять у меня вывести не получилось, поэтому я решила заменить на слово. Конечно, это не совсем правильно. Этот вопрос я решу немного позже, когда узнаю почему у меня не сработала та переменная.
#30
Отправлено 16 Февраль 2013 - 10:36
#31
Отправлено 16 Февраль 2013 - 12:55
proncom (16 Февраль 2013 - 10:36) писал:
Про данную функцию увеличения картинки написано в этой же теме.http://forum.storela...ора/#entry32048
#33
Отправлено 17 Февраль 2013 - 01:15
Здравствуйте. Рассмотрим установку плагина который описан здесь http://www.xiper.net...cloud-zoom.html
Первое что нужно это скачать архив с css и js кодом себе на компьютер и распаковать в любую папку. (скачал)
Затем переходим Сайт-> Редактор тем.
Загружаем на сайт файлы.
Нажимаем кнопку "Добавить файлы"
Нам нужно два файла "cloud-zoom.1.0.2.js" и "cloud-zoom.css"
Жмем сохранить.
Теперь нужно подключить эти файлы к сайту. Делается это в файле HTML. (подключил)
Откроем его для редактирования и вставим код перед </head>.
<!-- Подключение Js плагина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script>
<!-- Подключение css файла плагина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}cloud-zoom.css" type="text/css" />
Плагин подключен и доступен для остальных файлов.
Теперь его нужно подключить для определенного изображения на сайте. В нашем случаее это страниц "Товара".
(Внимание. Ваш код может отличаться если у вас шаблон не "Сияние")
Открываем файл "Товар".
Найти код:
<a href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
Заменить на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250px">
<img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/>
</a>
нашел этот код и заменил, но у меня зум не заработал. Посмотрите пожалуйста.
#34
Отправлено 17 Февраль 2013 - 07:48
proncom (17 Февраль 2013 - 01:15) писал:
Здравствуйте. Рассмотрим установку плагина который описан здесь http://www.xiper.net...cloud-zoom.html
Первое что нужно это скачать архив с css и js кодом себе на компьютер и распаковать в любую папку. (скачал)
Затем переходим Сайт-> Редактор тем.
Загружаем на сайт файлы.
Нажимаем кнопку "Добавить файлы"
Нам нужно два файла "cloud-zoom.1.0.2.js" и "cloud-zoom.css"
Жмем сохранить.
Теперь нужно подключить эти файлы к сайту. Делается это в файле HTML. (подключил)
Откроем его для редактирования и вставим код перед </head>.
<!-- Подключение Js плагина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script>
<!-- Подключение css файла плагина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}cloud-zoom.css" type="text/css" />
Плагин подключен и доступен для остальных файлов.
Теперь его нужно подключить для определенного изображения на сайте. В нашем случаее это страниц "Товара".
(Внимание. Ваш код может отличаться если у вас шаблон не "Сияние")
Открываем файл "Товар".
Найти код:
<a href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
Заменить на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250px">
<img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/>
</a>
нашел этот код и заменил, но у меня зум не заработал. Посмотрите пожалуйста.
Найдите в шаблоне Товар код:
<div class="theme-default" style="padding: 1em;">и замените на:
<div class="theme-default" style="padding: 2em;margin-top: 69px;">
#35
Отправлено 17 Февраль 2013 - 09:42
этого кода меня нет в файле товар!!
#36
Отправлено 17 Февраль 2013 - 09:55
proncom (17 Февраль 2013 - 09:42) писал:
этого кода меня нет в файле товар!!
Вставьте пожалуйста вместо:
<div class="theme-default" style="padding: 80px 10px 0px 30px;">следующую строку кода:
<div class="theme-default" style="padding: 80px 10px 0px 30px;margin-top: 69px;">
#37
Отправлено 17 Февраль 2013 - 14:23
Товар и товары
и нигде не могу найти такую строчку.
Высылаю Вам их посмотрите, может где не так смотрю.
Прикрепленные файлы
#39
Отправлено 17 Февраль 2013 - 16:48
Вопрос 1: Напишите пожалуйста, как мне притянуть снизу к слайдеру мои фото с названиями групп товаров, они сейчас находятся сильно внизу.(после белого промежутка)
Вопрос 2: Я хочу увеличить время показа каждой картинки, как я понимаю это параметр: pauseTime:3e3.
И вот какой параметр стоит у меня " pauseTime:3e3". Меняю 3e3 на 1000 (или на 10 или на 500) получается или ошибка или очень быстро двигаются фото.
Что это за параметр 3е3 ??? и как мне увеличить время показа каждой картинки?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных