Изменения В Карточке "товар"
#1
Отправлено 18 Апрель 2018 - 11:52
1. Блок:
1.1 Добавить из "Характеристик":
- Производитель: Наименование;
- Материал: Наименование;
- Добавить логотип бренда и ссылку "Все товары бренда" в правом углу как на картинке, но чтобы при нажатии на картинку и ссылку открывались именно те товары которые соответствуют бренду открытой карточки товара.
1.2 Добавить остаток товара:
- Округление фона: 3px;
- Цвет фона: #cc66ff;
- Цвет шрифта: #FFFFFF.
2. Блок:
- Опустить под кнопки "Добавить в избранное";
- Добавить кликающую надпись "Добавить в список желаний".
3. Блок:
- Убрать таблицу;
- Сблизить надписи как на картинке.
4. Спрятать характеристику "Поставщик" подробнее описано здесь: https://forum.storel...-помощь-срочно/
Ссылка на товар где все характеристики прописаны и лишние свойства убраны: https://mynefertiti....vami#show_tab_2
Можете пожалуйста помочь реализовать это в точности как на картинке?
#2
Отправлено 19 Апрель 2018 - 07:52
#3
Отправлено 19 Апрель 2018 - 16:43
cselon (18 Апрель 2018 - 11:52) писал:
1. Блок:
1.1 Добавить из "Характеристик":
- Производитель: Наименование;
- Материал: Наименование;
- Добавить логотип бренда и ссылку "Все товары бренда" в правом углу как на картинке, но чтобы при нажатии на картинку и ссылку открывались именно те товары которые соответствуют бренду открытой карточки товара.
1.2 Добавить остаток товара:
- Округление фона: 3px;
- Цвет фона: #cc66ff;
- Цвет шрифта: #FFFFFF.
2. Блок:
- Опустить под кнопки "Добавить в избранное";
- Добавить кликающую надпись "Добавить в список желаний".
3. Блок:
- Убрать таблицу;
- Сблизить надписи как на картинке.
4. Спрятать характеристику "Поставщик" подробнее описано здесь: https://forum.storel...-помощь-срочно/
Ссылка на товар где все характеристики прописаны и лишние свойства убраны: https://mynefertiti....vami#show_tab_2
Можете пожалуйста помочь реализовать это в точности как на картинке?
1. Найдите в шаблоне Товар код
<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div>после вставьте
<div class="features"> {% FOR goods_features%} {%IF goods_features.NAME=Материал: || goods_features.NAME=Производитель:%} <div> <span class="features_name">{goods_features.NAME}</span> <span class="features_value">{goods_features.VALUE}</span> </div> {%ENDIF%} {%ENDFOR%} </div> <div class="rest_value"> <div>Есть в наличие (<span>{GOODS_MOD_REST_VALUE}</span>)</div> </div>
далее в конец файла main.css добавьте код
.features_name { margin-right: 50px; } .features div { margin: 15px 0 15px; } .rest_value div { color: #fff; width: 147px; background: #cc66ff; text-align: center; padding: 4px 10px; border-radius: 3px; margin: 10px 0; }Пришлите имя изображений, которые хотите привязать к характеристикам.
2 найдите в файле main.css код
.product-view .product-shop .add-to-box .add-to-links {bottom: 0;display: inline-block;margin: 0;}замените на
.product-view .product-shop .add-to-box .add-to-links {bottom: 0;display: block;margin: 0;}
далее найдите в шаблоне Товар код
{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist fa added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist fa" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %}замените на
{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist fa added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i>Убрать из списка желаний</a> {% ELSE %} <a class="add-wishlist fa" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i>Добавить в список желаний</a> {% ENDIF %}
3 Найдите в шаблоне Товар код
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}замените на
{% IFNOT goods_features_empty %}<li style="display:none;"><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
#4
Отправлено 19 Апрель 2018 - 17:49
Ирина345 (19 Апрель 2018 - 16:43) писал:
1. Найдите в шаблоне Товар код
<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div>после вставьте
<div class="features"> {% FOR goods_features%} {%IF goods_features.NAME=Материал: || goods_features.NAME=Производитель:%} <div> <span class="features_name">{goods_features.NAME}</span> <span class="features_value">{goods_features.VALUE}</span> </div> {%ENDIF%} {%ENDFOR%} </div> <div class="rest_value"> <div>Есть в наличие (<span>{GOODS_MOD_REST_VALUE}</span>)</div> </div>
далее в конец файла main.css добавьте код
.features_name { margin-right: 50px; } .features div { margin: 15px 0 15px; } .rest_value div { color: #fff; width: 147px; background: #cc66ff; text-align: center; padding: 4px 10px; border-radius: 3px; margin: 10px 0; }Пришлите имя изображений, которые хотите привязать к характеристикам.
2 найдите в файле main.css код
.product-view .product-shop .add-to-box .add-to-links {bottom: 0;display: inline-block;margin: 0;}замените на
.product-view .product-shop .add-to-box .add-to-links {bottom: 0;display: block;margin: 0;}
далее найдите в шаблоне Товар код
{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist fa added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist fa" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %}замените на
{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist fa added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i>Убрать из списка желаний</a> {% ELSE %} <a class="add-wishlist fa" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i>Добавить в список желаний</a> {% ENDIF %}
3 Найдите в шаблоне Товар код
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}замените на
{% IFNOT goods_features_empty %}<li style="display:none;"><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
Все как-то поехало. Шрифт стал жирный, описание, характеристики, и т.п. ушло в другое место
#5
Отправлено 19 Апрель 2018 - 17:52
cselon (19 Апрель 2018 - 17:49) писал:
Найдите в шаблоне Товар
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <div class="features">замените на
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div> <div class="features">
#6
Отправлено 19 Апрель 2018 - 18:01
Ирина345 (19 Апрель 2018 - 17:52) писал:
Найдите в шаблоне Товар
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <div class="features">замените на
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div> <div class="features">
Все хорошо но элемент Добавить в список желаний так и остался съехавший. А картинки Вам все присылать или вы просто сделаете, а я сам в ссылки вставлю. Картинок столько сколько брендов на сайте
#7
Отправлено 19 Апрель 2018 - 18:10
#8
Отправлено 19 Апрель 2018 - 18:47
1. ANAIS;
2. ANN DEVINE;
3. AVANUA;
4. BACI;
5. CANDY GIRL;
6. CASMIR;
7. CHILIROSE;
8. DEMONIQ;
9. ELECTRIC LINGERIE;
10. EROLANTA;
11. EROTIC FANTASY;
12. FLIRT ON;
13. HUSTLER;
14. LOLA LINGERIE;
15. LEG AVENUE;
16. LIVIA CORSETTI;
17. ME SEDUCE;
18. OBSESSIVE;
19. PASSION;
20. SEVEN'TILL MIDNIGHT;
21. SOFTLINE;
22. SHIRLEY OF HOLLYWOOD;
23. TOY FA;
24. WHITE LABEL.
#9
Отправлено 19 Апрель 2018 - 20:10
Ирина345 (19 Апрель 2018 - 17:52) писал:
Найдите в шаблоне Товар
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <div class="features">замените на
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div> <div class="features">
Характеристики отображаются только на этом товаре, если добавляешь в характеристики поставщика и материал на другой, то они не отображаются. Также в товарах где еще не прописаны характеристики фон остатка со склада поглотил цену.
Следующий ответ ждать опять 3 дня...
#10
Отправлено 20 Апрель 2018 - 03:50
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-view .product-shop .price-box { float: left; width: 100%; }
замените на:
.product-view .product-shop .price-box, .product-view .product-shop .features, .product-view .product-shop .rest_value { float: left; width: 100%; }
далее найдите:
.product-view .product-shop .add-to-box .add-to-links li {padding: 0;float: left;margin: 0 5px;}
после него пропишите:
.product-view .product-shop .add-to-box .add-to-links li span {display: none;}
далее зайдите в шаблон Товар - найдите:
{% IFNOT goods_features_empty %}<li style="display:none;"><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
замените на:
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
#11
Отправлено 20 Апрель 2018 - 08:33
Также остаются актуальными:
1. Блок: Добавить из "Характеристик":
- Добавить логотип бренда и ссылку "Все товары бренда" в правом углу как на картинке, но чтобы при нажатии на картинку и ссылку открывались именно те товары которые соответствуют бренду открытой карточки товара.
3. Блок:
- Убрать таблицу;
- Сблизить надписи как на картинке.
4. Спрятать характеристику "Поставщик" подробнее описано здесь: https://forum.storel...-помощь-срочно/
Ссылка на товар где все характеристики прописаны и лишние свойства убраны: https://mynefertiti....vami#show_tab_2
Помогите решить эти вопросы
#13
Отправлено 04 Май 2018 - 14:08
cselon (20 Апрель 2018 - 08:33) писал:
Также остаются актуальными:
1. Блок: Добавить из "Характеристик":
- Добавить логотип бренда и ссылку "Все товары бренда" в правом углу как на картинке, но чтобы при нажатии на картинку и ссылку открывались именно те товары которые соответствуют бренду открытой карточки товара.
3. Блок:
- Убрать таблицу;
- Сблизить надписи как на картинке.
4. Спрятать характеристику "Поставщик" подробнее описано здесь: https://forum.storel...-помощь-срочно/
Ссылка на товар где все характеристики прописаны и лишние свойства убраны: https://mynefertiti....vami#show_tab_2
Помогите решить эти вопросы
1) Вам необходимо создать категорию для каждого бренда и добавить туда товары данного бренда. После этого в шаблоне Товар найдите код
<!-- Артикул --> <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{GOODS_MOD_ART_NUMBER}</span> </div>и после него вставьте код
{% IFNOT goods_features_empty %} {% FOR goods_features%} {% IF goods_features.NAME = Бренд %} {%IF goods_features.VALUE = Название бренда1 %} <div class="imgBrand"> <img src="{ASSETS_IMAGES_PATH}картинка бренда 1"><br> <a href="Ссылка бренда 1">Все товары бренда</a> </div> {% ELSEIF goods_features.VALUE = Название бренда2 %} <div class="imgBrand"> <img src="{ASSETS_IMAGES_PATH}картинка бренда 2"><br> <a href="Ссылка бренда 2">Все товары бренда</a> </div> {% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %}(условие написано для характеристики Бренд, если у Вас она называется по другому укажите в коде правильное ее название). Далее замените Название бренда 1 и Название бренда 2 на свои названия, а так же картинка бренда 1 и картинка бренда 2, ссылка бренда 1 и ссылка бренда 2 соотвественно. Данный код прописан только для двух значений характеристик. Если Вы хотите добавить еще бренды, то для каждого Вам необходимо добавлять код
{% ELSEIF goods_features.VALUE = Название бренда %} <div class="imgBrand"> <img src="{ASSETS_IMAGES_PATH}картинка бренда"><br> <a href="Ссылка бренда">Все товары бренда</a> </div>в этот блок перед
{% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %}Картинки брендов необходимо загрузить в разделе Сайт-> Редактор шаблонов.
В конец файла main.css добавьте код
.imgBrand{position:absolute;right:0}
3) В конец файла main.css добавьте код
#content_2 table th, #content_2 table td {border:none} #content_2 table th{text-align:right} #content_2 table td{text-align:left}
4) Вам уже ответили на данный вопрос в указанной теме форума.
5) Проблем со звездочками не обнаружено. Уточните, пожалуйста, через какой браузер Вам удалось обнаружить такое отображение?
#14
Отправлено 04 Май 2018 - 16:25
Stasya (04 Май 2018 - 14:08) писал:
1) Вам необходимо создать категорию для каждого бренда и добавить туда товары данного бренда. После этого в шаблоне Товар найдите код
<!-- Артикул --> <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{GOODS_MOD_ART_NUMBER}</span> </div>и после него вставьте код
{% IFNOT goods_features_empty %} {% FOR goods_features%} {% IF goods_features.NAME = Бренд %} {%IF goods_features.VALUE = Название бренда1 %} <div class="imgBrand"> <img src="{ASSETS_IMAGES_PATH}картинка бренда 1"><br> <a href="Ссылка бренда 1">Все товары бренда</a> </div> {% ELSEIF goods_features.VALUE = Название бренда2 %} <div class="imgBrand"> <img src="{ASSETS_IMAGES_PATH}картинка бренда 2"><br> <a href="Ссылка бренда 2">Все товары бренда</a> </div> {% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %}(условие написано для характеристики Бренд, если у Вас она называется по другому укажите в коде правильное ее название). Далее замените Название бренда 1 и Название бренда 2 на свои названия, а так же картинка бренда 1 и картинка бренда 2, ссылка бренда 1 и ссылка бренда 2 соотвественно. Данный код прописан только для двух значений характеристик. Если Вы хотите добавить еще бренды, то для каждого Вам необходимо добавлять код
{% ELSEIF goods_features.VALUE = Название бренда %} <div class="imgBrand"> <img src="{ASSETS_IMAGES_PATH}картинка бренда"><br> <a href="Ссылка бренда">Все товары бренда</a> </div>в этот блок перед
{% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %}Картинки брендов необходимо загрузить в разделе Сайт-> Редактор шаблонов.
В конец файла main.css добавьте код
.imgBrand{position:absolute;right:0}
3) В конец файла main.css добавьте код
#content_2 table th, #content_2 table td {border:none} #content_2 table th{text-align:right} #content_2 table td{text-align:left}
4) Вам уже ответили на данный вопрос в указанной теме форума.
5) Проблем со звездочками не обнаружено. Уточните, пожалуйста, через какой браузер Вам удалось обнаружить такое отображение?
Спасибо большое! Все ок, но 4 пункт не выполнен, а половина звездочки видна на разрешении 1366*768 на браузере Хром. Можно звездочки чють по больше сделать?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных