Перейти к содержимому


Изменение Вида Карточки Товара


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 17

#1 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 18 Ноябрь 2017 - 17:39

Как внести следующие изменения:

1) Артикул поместить сразу под названием, звездочки рейтинга убрать

2) После цены добавить фразу "оплата при получении наличными"

3) Под ценой добавить серое поле с фразой "+Доп. скидка 10% за предоплату"

4) Поле "Наличие товара: В наличии" убрать, под серым полем  "+Доп. скидка 10% за предоплату"  поместить фразу "в наличии" жирным крупным шрифтом и с зелёной галочкой слева.

5) Кнопку  "Добавить в корзину" увеличить в 1,5 раза



6) Между выбором размера и фразой "в наличии"  разместить поле:

Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"

Ниже 2 поля:

Слева: выпадающий список с заголовком "Ваш населённый пункт" -  выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт"  ,
справа - поле с заголовком "ближайшая дата доставки".

При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт"  - в поле справа должны появляться тексты, соответствующие выбранному пункту меню.  "дата  №1" ", "дата №2, "доставка 10 дней" соответственно.

Прикрепленные изображения

  • Безымянный.jpg


#2 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 20 Ноябрь 2017 - 20:27

Ответьте пожалуйста

#3 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 21 Ноябрь 2017 - 19:22

Ответьте пожалуйста

#4 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 22 Ноябрь 2017 - 22:38

Ответьте пожалуйста

#5 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 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 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 23 Ноябрь 2017 - 19:15

Пункт 5 выполнить не смогла, так как такого кода в main.css  нет.  Остальное получилось.
Нужные на данный момент исправления/дополнения:

1) "В наличии"  сделать крупнее в 1,2 раза  и черным цветом, галочку оставить зелёной.
2) Серое поле +Доп. скидка 10% за предоплату  -  сделать серый цвет только под текстом, а не на всю ширину экрана.
3) Увеличить кнопку "в корзину" в 1,5 раза
4) Между фразой "в наличии" и  выбором размера (количества)    разместить поле:

Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"

Ниже 2 поля:

Слева: выпадающий список с заголовком "Ваш населённый пункт" -  выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт"  ,
справа - поле с заголовком "ближайшая дата доставки".

При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт"  - в поле справа должны появляться тексты, соответствующие выбранному пункту меню.  "дата  №1" ", "дата №2, "доставка 10 дней" соответственно.

См. фото в первом сообщении  темы.

#7 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 23 Ноябрь 2017 - 21:43

После внесенных изменений перестала нажиматься кнопка в корзину, пришлось вернуть все обратно

#8 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 27 Ноябрь 2017 - 11:17

Ответьте, пожалуйста.

#9 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 28 Ноябрь 2017 - 14:53

Ответьте пожалуйста

#10 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Ноябрь 2017 - 09:01

Просмотр сообщенияsandra.005@mail.ru (23 Ноябрь 2017 - 19:15) писал:

Пункт 5 выполнить не смогла, так как такого кода в main.css  нет.  Остальное получилось.
Нужные на данный момент исправления/дополнения:

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 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 29 Ноябрь 2017 - 09:24

Все инструкции выполнила, кнопка в этот раз нажимается.

#12 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 29 Ноябрь 2017 - 19:18

Нужные на данный момент исправления/дополнения:

1) "В наличии"  сделать крупнее в 1,2 раза  и черным цветом, галочку оставить зелёной.
2) Серое поле +Доп. скидка 10% за предоплату  -  сделать серый цвет только под текстом, а не на всю ширину экрана.

3) Между фразой "в наличии" и  выбором размера (количества) разместить поле:

Заголовок поля: уменьшенная картинка с машиной из стандартных картинок шаблона и фраза "Доставка по всей России почтой, курьером и самовывозом"

Ниже 2 поля:

Слева: выпадающий список с заголовком "Ваш населённый пункт" -  выпадает меню с пунктами "Москва", "Санкт-Петербург", "Другой населённый пункт"  ,
справа - поле с заголовком "ближайшая дата доставки".

При выборе в выпадающем меню пунктов: "Москва", "Санкт-Петербург", "Другой населённый пункт"  - в поле справа должны появляться тексты, соответствующие выбранному пункту меню.  "дата  №1" ", "дата №2, "доставка 10 дней" соответственно.

См. фото в первом сообщении  темы.

#13 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 01 Декабрь 2017 - 23:15

Ответьте пожалуйста

#14 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 03 Декабрь 2017 - 23:09

Ответьте пожалуйста

#15 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 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 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 06 Декабрь 2017 - 17:45

Надпись в наличии осталась зеленым цветом. Как поменять на черный?
Прошу доработать выпадаюший список здесь.
Платная техподдержка работает отвратительно. На письма отвечают раз в сутки и реже, так что даже узнать цену занимает неделю.На выполнение любых работ у них очереди от месяца.

#17 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 sandra.005@mail.ru

sandra.005@mail.ru

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 527 сообщений

Отправлено 07 Декабрь 2017 - 08:00

Спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных