Корректировки Дизайна
#21
Отправлено 19 Октябрь 2014 - 23:37
шаблон сияние. помогите изменить дизайн страницы товара
изменить местоположение кнопок 1,2,3,4
добавить строку "цена за ед.изм" единица измерения-переменная
увеличить дополнительные фото товара №5
увеличить основное фото №6
мне нужно так
а сейчас у меня выглядит страница так
#22
Отправлено 20 Октябрь 2014 - 07:15
Алена К (19 Октябрь 2014 - 23:37) писал:
шаблон сияние. помогите изменить дизайн страницы товара
изменить местоположение кнопок 1,2,3,4
добавить строку "цена за ед.изм" единица измерения-переменная
увеличить дополнительные фото товара №5
увеличить основное фото №6
мне нужно так 2014-10-19 23-58-15 Скриншот экрана копия.jpg
а сейчас у меня выглядит страница так 2014-10-19 23-58-15 Скриншот экрана.png
для того что бы добавить единицу измерения найдите в шаблоне Товар код
<td class="goodsDataMainModificationDataBlock"> <!-- По этому значению производится заказ товара -->замените на
<td class="goodsDataMainModificationDataBlock"> Цена указана за {GOODS_MOD_MEASURE_NAME} <!-- По этому значению производится заказ товара -->
далее найдите
<!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span>
и переместите данный код после строчек
<td class="goodsDataFormSubmitButton">далее найдите
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br />замените на
<div><a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br /></div>
#23
Отправлено 20 Октябрь 2014 - 12:55
Ирина345 (20 Октябрь 2014 - 07:15) писал:
для того что бы добавить единицу измерения найдите в шаблоне Товар код
<td class="goodsDataMainModificationDataBlock"> <!-- По этому значению производится заказ товара -->замените на
<td class="goodsDataMainModificationDataBlock"> Цена указана за {GOODS_MOD_MEASURE_NAME} <!-- По этому значению производится заказ товара -->
далее найдите
<!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span>
и переместите данный код после строчек
<td class="goodsDataFormSubmitButton">далее найдите
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br />замените на
<div><a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br /></div>
здраствуйте!
спасибо. первые 3 изменения получились
а по последней подсказке ничего не поменялось.
мне бы хотелось чтобы кнопка выбора цвета (модификация) попала в верхнюю часть таблицы
а кнопки "количество" и "в корзину" переместились в нижнюю таблицу
#24
Отправлено 20 Октябрь 2014 - 13:07
Алена К (20 Октябрь 2014 - 12:55) писал:
спасибо. первые 3 изменения получились
а по последней подсказке ничего не поменялось.
мне бы хотелось чтобы кнопка выбора цвета (модификация) попала в верхнюю часть таблицы
а кнопки "количество" и "в корзину" переместились в нижнюю таблицу
.goodsDataMainModificationPriceNow { font-size: 1.3em; color: #3300FF; margin: 0px; white-space: nowrap; }на
.goodsDataMainModificationPriceNow { font-size: 1.3em; color: #3300FF; margin-left: -165px; white-space: nowrap; }
затем, в шаблоне "Товар" замените
<td class="goodsDataFormSubmitButton"> <!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span>на
<!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span> <td class="goodsDataFormSubmitButton">
#25
Отправлено 20 Октябрь 2014 - 13:43
AnnaM (20 Октябрь 2014 - 13:07) писал:
.goodsDataMainModificationPriceNow { font-size: 1.3em; color: #3300FF; margin: 0px; white-space: nowrap; }на
.goodsDataMainModificationPriceNow { font-size: 1.3em; color: #3300FF; margin-left: -165px; white-space: nowrap; }
затем, в шаблоне "Товар" замените
<td class="goodsDataFormSubmitButton"> <!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span>на
<!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span> <td class="goodsDataFormSubmitButton">
не, не то получилось...
мне нужно как на скрине
перенести цену и кнопку "купить" в те места где указано стрелками
и поменять местами модификацию (выбор цвета) и количество
#26
Отправлено 20 Октябрь 2014 - 13:52
Алена К (20 Октябрь 2014 - 13:43) писал:
мне нужно как на скрине
2014-10-20 14-35-36 Скриншот экрана.png
перенести цену и кнопку "купить" в те места где указано стрелками
и поменять местами модификацию (выбор цвета) и количество
Для переноса цены перенесите в шаблоне Товар блок
<!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span>
поставив его перед
<div><a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» В корзину" href="#">купить</a><br /><br /></div>
Переносить кнопку "купить" в то место куда указано и поменять местами модификацию (выбор цвета) и количество не рекомендуется, поскольку в случае отсутствия модификаций кнопка "купить" и количество отображаться не будут.
#27
Отправлено 20 Октябрь 2014 - 15:17
Alekseys (20 Октябрь 2014 - 13:52) писал:
Для переноса цены перенесите в шаблоне Товар блок
<!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span>
поставив его перед
<div><a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» В корзину" href="#">купить</a><br /><br /></div>
Переносить кнопку "купить" в то место куда указано и поменять местами модификацию (выбор цвета) и количество не рекомендуется, поскольку в случае отсутствия модификаций кнопка "купить" и количество отображаться не будут.
спасибо. цена перенеслась. модификацию тогда менять не буду
НО размер изображений так не увеличился. мне нужно чтобы были крупные все дополнительные фото товара, а не мелкие
#28
Отправлено 20 Октябрь 2014 - 15:23
Алена К (20 Октябрь 2014 - 15:17) писал:
НО размер изображений так не увеличился. мне нужно чтобы были крупные все дополнительные фото товара, а не мелкие
#29
Отправлено 20 Октябрь 2014 - 15:40
AnnaM (20 Октябрь 2014 - 15:23) писал:
так увеличиваются только в ширину, а в высоту остается неполное изображение. и происходит наложение друг на друга. на скрине у товара 5 доп изображений
#30
Отправлено 21 Октябрь 2014 - 01:12
.goodsDataMainImagesIcon { height: 46px; margin: 0.2em 0.4em 0.2em 0; width: 46px; }
увеличьте значения height и width, чтобы было идентичным размерам в настройках
#31
Отправлено 21 Октябрь 2014 - 18:43
Vaccina (21 Октябрь 2014 - 01:12) писал:
.goodsDataMainImagesIcon { height: 46px; margin: 0.2em 0.4em 0.2em 0; width: 46px; }
увеличьте значения height и width, чтобы было идентичным размерам в настройках
спасибо большое!!! так получилось. но увеличились иконки в нижнем правом углу в разделе "недавно просмотренные"
но мне вообще этот раздел не нужен -как его удалить?
#32
Отправлено 21 Октябрь 2014 - 18:46
Алена К (21 Октябрь 2014 - 18:43) писал:
но мне вообще этот раздел не нужен -как его удалить?
2014-10-21 19-41-02 Скриншот экрана.png
li.recent_viewed { display: none; }
#34
Отправлено 21 Октябрь 2014 - 19:03
Алена К (21 Октябрь 2014 - 19:00) писал:
а как удалить этот раздел - на странице товара "с этим товаром покупают 2014-10-21 19-59-04 Скриншот экрана.png
<!-- Сопутствующие товары --> {% IFNOT related_goods_empty %} <h3><i>с этим товаром покупают</i></h3><br /> <table> <p align="center"><tr> {% FOR related_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»"><img class="goods-image-other" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»">{related_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </p></tr> </table><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары -->на
<!-- Сопутствующие товары> {% IFNOT related_goods_empty %} <h3><i>с этим товаром покупают</i></h3><br /> <table> <p align="center"><tr> {% FOR related_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»"><img class="goods-image-other" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»">{related_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </p></tr> </table><br /><br /> {% ENDIF %} < END Сопутствующие товары -->
#35
Отправлено 21 Октябрь 2014 - 19:28
Alekseys (21 Октябрь 2014 - 19:03) писал:
<!-- Сопутствующие товары --> {% IFNOT related_goods_empty %} <h3><i>с этим товаром покупают</i></h3><br /> <table> <p align="center"><tr> {% FOR related_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»"><img class="goods-image-other" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»">{related_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </p></tr> </table><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары -->на
<!-- Сопутствующие товары> {% IFNOT related_goods_empty %} <h3><i>с этим товаром покупают</i></h3><br /> <table> <p align="center"><tr> {% FOR related_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»"><img class="goods-image-other" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»">{related_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </p></tr> </table><br /><br /> {% ENDIF %} < END Сопутствующие товары -->
ничего не изменилось
#36
Отправлено 21 Октябрь 2014 - 19:34
Алена К (21 Октябрь 2014 - 19:28) писал:
<!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <h3>с этим товаром покупают</h3><br /> <table> <tr> {% FOR related_views_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{related_views_goods.URL}" title="Перейти на страницу «{related_views_goods.NAME}»"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу «{related_views_goods.NAME}»">{related_views_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </tr> </table><br /><br /> {% ENDIF %} <!-- END С этим товаром смотрят -->на
<!-- С этим товаром смотрят> {% IFNOT related_views_goods_empty %} <h3>с этим товаром покупают</h3><br /> <table> <tr> {% FOR related_views_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{related_views_goods.URL}" title="Перейти на страницу «{related_views_goods.NAME}»"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу «{related_views_goods.NAME}»">{related_views_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </tr> </table><br /><br /> {% ENDIF %} < END С этим товаром смотрят -->
#37
Отправлено 21 Октябрь 2014 - 19:36
Алена К (21 Октябрь 2014 - 19:28) писал:
<!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <h3>с этим товаром покупают</h3><br /> <table> <tr>на
<!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <h3 style="display: none;">с этим товаром покупают</h3><br /> <table style="display: none;"> <tr>
#40
Отправлено 21 Октябрь 2014 - 21:14
Алена К (21 Октябрь 2014 - 21:11) писал:
пожалуйста - как изменить межстрочный интервал в названии товара
2014-10-21 22-09-09 Скриншот экрана.png
.goodsListItemName a { font-size: 14px; line-height: 18px; padding: 0px; margin: 0px; font-weight: normal; text-transform: initial; }измените параметр line-height: 18px; на 16 пикселей(минимальный размер).
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных