Изменение Вида Карточки Товара
#1
Отправлено 18 Ноябрь 2017 - 17:39
1) Артикул поместить сразу под названием, звездочки рейтинга убрать
2) После цены добавить фразу "оплата при получении наличными"
3) Под ценой добавить серое поле с фразой "+Доп. скидка 10% за предоплату"
4) Поле "Наличие товара: В наличии" убрать, под серым полем "+Доп. скидка 10% за предоплату" поместить фразу "в наличии" жирным крупным шрифтом и с зелёной галочкой слева.
5) Кнопку "Добавить в корзину" увеличить в 1,5 раза
6) Между выбором размера и фразой "в наличии" разместить поле:
Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"
Ниже 2 поля:
Слева: выпадающий список с заголовком "Ваш населённый пункт" - выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт" ,
справа - поле с заголовком "ближайшая дата доставки".
При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт" - в поле справа должны появляться тексты, соответствующие выбранному пункту меню. "дата №1" ", "дата №2, "доставка 10 дней" соответственно.
#2
Отправлено 20 Ноябрь 2017 - 20:27
#3
Отправлено 21 Ноябрь 2017 - 19:22
#4
Отправлено 22 Ноябрь 2017 - 22:38
#5
Отправлено 23 Ноябрь 2017 - 15:17
sandra.005@mail.ru (18 Ноябрь 2017 - 17:39) писал:
1) Артикул поместить сразу под названием, звездочки рейтинга убрать
2) После цены добавить фразу "оплата при получении наличными"
3) Под ценой добавить серое поле с фразой "+Доп. скидка 10% за предоплату"
4) Поле "Наличие товара: В наличии" убрать, под серым полем "+Доп. скидка 10% за предоплату" поместить фразу "в наличии" жирным крупным шрифтом и с зелёной галочкой слева.
5) Кнопку "Добавить в корзину" увеличить в 1,5 раза
6) Между выбором размера и фразой "в наличии" разместить поле:
Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"
Ниже 2 поля:
Слева: выпадающий список с заголовком "Ваш населённый пункт" - выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт" ,
справа - поле с заголовком "ближайшая дата доставки".
При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт" - в поле справа должны появляться тексты, соответствующие выбранному пункту меню. "дата №1" ", "дата №2, "доставка 10 дней" соответственно.
1. Найдите в шаблоне Товар код
<div class="ratings"> <div class="rating-box" title="Рейтинг товара"> {% IF GOODS_OPINION_RATING_VALUE_ROUND %} <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE_ROUND}"> <meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{GOODS_OPINION_RATING_VALUE_ROUND}0%" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </div>и удалите.
2,3 далее найдите в шаблоне Товар код
<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>после вставьте
<span class="dop_inform_prise">Оплата при получении наличными</span> <p class="dop_inform">+Доп. скидка 10% за предоплату</p>далее в конец файла main.css добавьте
.dop_inform { background: #dcdcdc; }4. Найдите в шаблоне Товар код
<!-- Доступность товара --> <div class="goodsDataMainModificationAvailable f-fix"> <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div> <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Нет в наличии</span></div> </div>
и удалите, далее найдите код
<!-- Краткое описание --> {% IF GOODS_DESCRIPTION_SHORT %} <div class="short-description f-fix"> <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p> </div> {% ENDIF %}и перед ним вставьте
<div class="goodsDataMainModificationAvailable f-fix"> <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><i class="fa fa-check" aria-hidden="true"></i><span>В наличии</span></div> <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Нет в наличии</span></div> </div>далле в конец файла main.css добавьте
.available-true i.fa { color: #74ae20; font-size: 22px; }5 Найдите в файле main.css код
.product-view .product-shop .add-to-box .add-to-cart .button { margin: 0 10px 10px 0; font-size: 25px; font-weight: 500; height: 60px; }замените на
.product-view .product-shop .add-to-box .add-to-cart .button { margin: 0 10px 10px 0; font-size: 16px; font-weight: 500; }
#6
Отправлено 23 Ноябрь 2017 - 19:15
Нужные на данный момент исправления/дополнения:
1) "В наличии" сделать крупнее в 1,2 раза и черным цветом, галочку оставить зелёной.
2) Серое поле +Доп. скидка 10% за предоплату - сделать серый цвет только под текстом, а не на всю ширину экрана.
3) Увеличить кнопку "в корзину" в 1,5 раза
4) Между фразой "в наличии" и выбором размера (количества) разместить поле:
Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"
Ниже 2 поля:
Слева: выпадающий список с заголовком "Ваш населённый пункт" - выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт" ,
справа - поле с заголовком "ближайшая дата доставки".
При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт" - в поле справа должны появляться тексты, соответствующие выбранному пункту меню. "дата №1" ", "дата №2, "доставка 10 дней" соответственно.
См. фото в первом сообщении темы.
#7
Отправлено 23 Ноябрь 2017 - 21:43
#8
Отправлено 27 Ноябрь 2017 - 11:17
#9
Отправлено 28 Ноябрь 2017 - 14:53
#10
Отправлено 29 Ноябрь 2017 - 09:01
sandra.005@mail.ru (23 Ноябрь 2017 - 19:15) писал:
Нужные на данный момент исправления/дополнения:
1) "В наличии" сделать крупнее в 1,2 раза и черным цветом, галочку оставить зелёной.
2) Серое поле +Доп. скидка 10% за предоплату - сделать серый цвет только под текстом, а не на всю ширину экрана.
3) Увеличить кнопку "в корзину" в 1,5 раза
4) Между фразой "в наличии" и выбором размера (количества) разместить поле:
Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"
Ниже 2 поля:
Слева: выпадающий список с заголовком "Ваш населённый пункт" - выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт" ,
справа - поле с заголовком "ближайшая дата доставки".
При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт" - в поле справа должны появляться тексты, соответствующие выбранному пункту меню. "дата №1" ", "дата №2, "доставка 10 дней" соответственно.
См. фото в первом сообщении темы.
5. Код по инструкции расположен в файле main.css на строке 639
.product-view .product-shop .add-to-box .add-to-cart .button {margin: 0 10px 10px 0;font-size: 16px;font-weight: 500;}замените на
.product-view .product-shop .add-to-box .add-to-cart .button { margin: 0 10px 10px 0; font-size: 25px; font-weight: 500; height: 60px; }Выполните инструкцию из сообщения выше, что бы можно было видеть результат и вносить правки.
#11
Отправлено 29 Ноябрь 2017 - 09:24
#12
Отправлено 29 Ноябрь 2017 - 19:18
1) "В наличии" сделать крупнее в 1,2 раза и черным цветом, галочку оставить зелёной.
2) Серое поле +Доп. скидка 10% за предоплату - сделать серый цвет только под текстом, а не на всю ширину экрана.
3) Между фразой "в наличии" и выбором размера (количества) разместить поле:
Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"
Ниже 2 поля:
Слева: выпадающий список с заголовком "Ваш населённый пункт" - выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт" ,
справа - поле с заголовком "ближайшая дата доставки".
При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт" - в поле справа должны появляться тексты, соответствующие выбранному пункту меню. "дата №1" ", "дата №2, "доставка 10 дней" соответственно.
См. фото в первом сообщении темы.
#13
Отправлено 01 Декабрь 2017 - 23:15
#14
Отправлено 03 Декабрь 2017 - 23:09
#15
Отправлено 06 Декабрь 2017 - 17:19
sandra.005@mail.ru (29 Ноябрь 2017 - 19:18) писал:
1) "В наличии" сделать крупнее в 1,2 раза и черным цветом, галочку оставить зелёной.
2) Серое поле +Доп. скидка 10% за предоплату - сделать серый цвет только под текстом, а не на всю ширину экрана.
3) Между фразой "в наличии" и выбором размера (количества) разместить поле:
Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"
Ниже 2 поля:
Слева: выпадающий список с заголовком "Ваш населённый пункт" - выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт" ,
справа - поле с заголовком "ближайшая дата доставки".
При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт" - в поле справа должны появляться тексты, соответствующие выбранному пункту меню. "дата №1" ", "дата №2, "доставка 10 дней" соответственно.
См. фото в первом сообщении темы.
Изменения в карточке товара Вам произвел.
Добавил код в шаблоне Товар:
<div class="image item_car"> <img src="{ASSETS_IMAGES_PATH}car.png?design=sunrise"/> <span>Доставка по всей России почтой, курьером и самовывозом</span> </div>
В main.css добавил код:
.item_car {display: inline-block;} .item_car img {max-width:40px;}
Что касается выпадающего списка с городами - это отдельная доработка, которая может быть решена через платную техническую поддержку. Для этого нужно будет написать нам на почту с указанием темы платная доработка.
#16
Отправлено 06 Декабрь 2017 - 17:45
Прошу доработать выпадаюший список здесь.
Платная техподдержка работает отвратительно. На письма отвечают раз в сутки и реже, так что даже узнать цену занимает неделю.На выполнение любых работ у них очереди от месяца.
#17
Отправлено 07 Декабрь 2017 - 06:16
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-view .product-shop .goodsDataMainModificationAvailable .available-true span {color: #4DB725;}
замените на:
.product-view .product-shop .goodsDataMainModificationAvailable .available-true span {color: #000;}
Далее зайдите в шаблон Товар - найдите:
<div class="image item_car"> <img src="{ASSETS_IMAGES_PATH}car.png?design=sunrise"/> <span>Доставка по всей России почтой, курьером и самовывозом</span> </div>
после него пропишите:
<div class="select_city"> <div class="col-md-6 col-sm-12 col-xs-12"> Ваш населенный пункт: <select name="city" id="city"> <option value="3 дня">Москва</option> <option value="5 дней">Санкт-Петербург</option> <option value="10 дней">Другой населённый пункт</option> </select> </div> <div class="col-md-6 col-sm-12 col-xs-12"> Ближайшая дата доставки: <div id="time">Доставка 3 дня</div> </div> <script type="text/javascript"> document.getElementById("city").addEventListener("change", function(){ document.getElementById('time').innerHTML = "Доставка "+this.value; }); </script> </div>
#18
Отправлено 07 Декабрь 2017 - 08:00
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных