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


Уменьшить Размер Быстрого Заказа

Автор cselon, 08 апр. 2018 11:29

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

#1 cselon

cselon

    Продвинутый пользователь

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

Отправлено 08 Апрель 2018 - 11:29

Помогите пожалуйста:

1. Уменьшить выпадающее окно быстрого заказа на десктоп как на картинке 1;
2. Отцентрировать окно быстрого заказа выделенные красным элементы как на картинке 2 и 3;
3. Отцентрировать окно заказа в корзине при оформлении заказа выделенные красным элементы как на картинке 4 и 5;
4. После оформления заказа в "Позиции заказа" объединить строку в доставке (картинка 6) "Цена", "Количество" и "Общая цена" и чтоб там была надпись посередине: "Оплата при получении"

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

  • 1.png
  • 2.png
  • 3.png
  • 4.jpg
  • 5.jpg
  • 12.png

#2 cselon

cselon

    Продвинутый пользователь

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

Отправлено 09 Апрель 2018 - 12:50

Помогите пожалуйста решить эти вопросы!

#3 Vaccina

Vaccina

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

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

Отправлено 10 Апрель 2018 - 05:23

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/*** Корзина Быстрый заказ ***/
.cartTable {margin-bottom: 10px;}

замените на:
/*** Корзина Быстрый заказ ***/
.cartTable {margin: 0 auto 10px;}

далее найдите:
#quickform .formfast {margin: 10px auto;padding: 0 0.5em;border: 1px solid #dddddd;}

замените на:
#quickform .formfast {margin: 10px auto;padding: 0 0.5em;border: 1px solid #dddddd;max-width:800px;text-align: center}

Далее зайдите в шаблон Просмотр заказа - найдите:
<td width="120"><span class="price-excl-tax"><span class="cart-price"><span>
			  <!-- Товарная позиция либо доставка -->
			  {% IF order_lines.TYPE_ID=1 || order_lines.TYPE_ID=2 || order_lines.TYPE_ID=3 && order_lines.MEASURE_NAME!=% %}
				{order_lines.LINE_PRICE | money}
			  <!-- Скидка -->
			  {% ELSEIF order_lines.TYPE_ID = 3%}
				<span class="num">{order_lines.LINE_PRICE_NUMBER_FORMAT}</span> {order_lines.MEASURE_NAME}
			  {%ENDIF%}
			  </span></span></span>
			</td>
			<td width="50">
			  <!-- Товарная позиция -->
			  {% IF order_lines.TYPE_ID=1 %}
				{order_lines.QUANTITY} <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			  <!-- Доставка -->
			  {% ELSEIF order_lines.TYPE_ID = 2%}
				1 шт
			  <!-- Скидка -->
			  {% ELSEIF order_lines.TYPE_ID = 3%}
				<span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			  {%ENDIF%}
			</td>
			<td width="120">
			  <span class="price-excl-tax">
			  <span class="cart-price"><span>{order_lines.LINE_SUM | money}</span></span></span>
			</td>
            
замените на:
{% IF order_lines.TYPE_ID=2 %}
			<td colspan="3">Оплата при получении</td>
			{% ELSE %}
			<td width="120"><span class="price-excl-tax"><span class="cart-price"><span>
			  <!-- Товарная позиция либо доставка -->
			  {% IF order_lines.TYPE_ID=1 || order_lines.TYPE_ID=3 && order_lines.MEASURE_NAME!=% %}
				{order_lines.LINE_PRICE | money}
			  <!-- Скидка -->
			  {% ELSEIF order_lines.TYPE_ID = 3%}
				<span class="num">{order_lines.LINE_PRICE_NUMBER_FORMAT}</span> {order_lines.MEASURE_NAME}
			  {%ENDIF%}
			  </span></span></span>
			</td>
			<td width="50">
			  <!-- Товарная позиция -->
			  {% IF order_lines.TYPE_ID=1 %}
				{order_lines.QUANTITY} <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			  <!-- Скидка -->
			  {% ELSEIF order_lines.TYPE_ID = 3%}
				<span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			  {%ENDIF%}
			</td>
			<td width="120">
			  <span class="price-excl-tax">
			  <span class="cart-price"><span>{order_lines.LINE_SUM | money}</span></span></span>
			</td>
			{% ENDIF %}

#4 cselon

cselon

    Продвинутый пользователь

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

Отправлено 10 Апрель 2018 - 08:53

Просмотр сообщенияVaccina (10 Апрель 2018 - 05:23) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/*** Корзина Быстрый заказ ***/
.cartTable {margin-bottom: 10px;}

замените на:
/*** Корзина Быстрый заказ ***/
.cartTable {margin: 0 auto 10px;}

далее найдите:
#quickform .formfast {margin: 10px auto;padding: 0 0.5em;border: 1px solid #dddddd;}

замените на:
#quickform .formfast {margin: 10px auto;padding: 0 0.5em;border: 1px solid #dddddd;max-width:800px;text-align: center}

Далее зайдите в шаблон Просмотр заказа - найдите:
<td width="120"><span class="price-excl-tax"><span class="cart-price"><span>
			 <!-- Товарная позиция либо доставка -->
			 {% IF order_lines.TYPE_ID=1 || order_lines.TYPE_ID=2 || order_lines.TYPE_ID=3 && order_lines.MEASURE_NAME!=% %}
			 {order_lines.LINE_PRICE | money}
			 <!-- Скидка -->
			 {% ELSEIF order_lines.TYPE_ID = 3%}
			 <span class="num">{order_lines.LINE_PRICE_NUMBER_FORMAT}</span> {order_lines.MEASURE_NAME}
			 {%ENDIF%}
			 </span></span></span>
		 </td>
		 <td width="50">
			 <!-- Товарная позиция -->
			 {% IF order_lines.TYPE_ID=1 %}
			 {order_lines.QUANTITY} <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			 <!-- Доставка -->
			 {% ELSEIF order_lines.TYPE_ID = 2%}
			 1 шт
			 <!-- Скидка -->
			 {% ELSEIF order_lines.TYPE_ID = 3%}
			 <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			 {%ENDIF%}
		 </td>
		 <td width="120">
			 <span class="price-excl-tax">
			 <span class="cart-price"><span>{order_lines.LINE_SUM | money}</span></span></span>
		 </td>

замените на:
{% IF order_lines.TYPE_ID=2 %}
		 <td colspan="3">Оплата при получении</td>
		 {% ELSE %}
		 <td width="120"><span class="price-excl-tax"><span class="cart-price"><span>
			 <!-- Товарная позиция либо доставка -->
			 {% IF order_lines.TYPE_ID=1 || order_lines.TYPE_ID=3 && order_lines.MEASURE_NAME!=% %}
			 {order_lines.LINE_PRICE | money}
			 <!-- Скидка -->
			 {% ELSEIF order_lines.TYPE_ID = 3%}
			 <span class="num">{order_lines.LINE_PRICE_NUMBER_FORMAT}</span> {order_lines.MEASURE_NAME}
			 {%ENDIF%}
			 </span></span></span>
		 </td>
		 <td width="50">
			 <!-- Товарная позиция -->
			 {% IF order_lines.TYPE_ID=1 %}
			 {order_lines.QUANTITY} <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			 <!-- Скидка -->
			 {% ELSEIF order_lines.TYPE_ID = 3%}
			 <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			 {%ENDIF%}
		 </td>
		 <td width="120">
			 <span class="price-excl-tax">
			 <span class="cart-price"><span>{order_lines.LINE_SUM | money}</span></span></span>
		 </td>
		 {% ENDIF %}

Спасибо большое! Можно пожалуйста перенести этот элемент как на картинке.

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

  • Без-имени-3-восстановлено.png

#5 Vaccina

Vaccina

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

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

Отправлено 10 Апрель 2018 - 08:57

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;}

замените на:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;text-align: left;}

#6 cselon

cselon

    Продвинутый пользователь

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

Отправлено 10 Апрель 2018 - 09:14

Просмотр сообщенияVaccina (10 Апрель 2018 - 08:57) писал:

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;}

замените на:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;text-align: left;}

После изменения ушло влево все

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

  • Без-имени-2.png

#7 cselon

cselon

    Продвинутый пользователь

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

Отправлено 10 Апрель 2018 - 09:19

Просмотр сообщенияVaccina (10 Апрель 2018 - 05:23) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/*** Корзина Быстрый заказ ***/
.cartTable {margin-bottom: 10px;}

замените на:
/*** Корзина Быстрый заказ ***/
.cartTable {margin: 0 auto 10px;}

далее найдите:
#quickform .formfast {margin: 10px auto;padding: 0 0.5em;border: 1px solid #dddddd;}

замените на:
#quickform .formfast {margin: 10px auto;padding: 0 0.5em;border: 1px solid #dddddd;max-width:800px;text-align: center}

Далее зайдите в шаблон Просмотр заказа - найдите:
<td width="120"><span class="price-excl-tax"><span class="cart-price"><span>
			 <!-- Товарная позиция либо доставка -->
			 {% IF order_lines.TYPE_ID=1 || order_lines.TYPE_ID=2 || order_lines.TYPE_ID=3 && order_lines.MEASURE_NAME!=% %}
			 {order_lines.LINE_PRICE | money}
			 <!-- Скидка -->
			 {% ELSEIF order_lines.TYPE_ID = 3%}
			 <span class="num">{order_lines.LINE_PRICE_NUMBER_FORMAT}</span> {order_lines.MEASURE_NAME}
			 {%ENDIF%}
			 </span></span></span>
		 </td>
		 <td width="50">
			 <!-- Товарная позиция -->
			 {% IF order_lines.TYPE_ID=1 %}
			 {order_lines.QUANTITY} <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			 <!-- Доставка -->
			 {% ELSEIF order_lines.TYPE_ID = 2%}
			 1 шт
			 <!-- Скидка -->
			 {% ELSEIF order_lines.TYPE_ID = 3%}
			 <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			 {%ENDIF%}
		 </td>
		 <td width="120">
			 <span class="price-excl-tax">
			 <span class="cart-price"><span>{order_lines.LINE_SUM | money}</span></span></span>
		 </td>

замените на:
{% IF order_lines.TYPE_ID=2 %}
		 <td colspan="3">Оплата при получении</td>
		 {% ELSE %}
		 <td width="120"><span class="price-excl-tax"><span class="cart-price"><span>
			 <!-- Товарная позиция либо доставка -->
			 {% IF order_lines.TYPE_ID=1 || order_lines.TYPE_ID=3 && order_lines.MEASURE_NAME!=% %}
			 {order_lines.LINE_PRICE | money}
			 <!-- Скидка -->
			 {% ELSEIF order_lines.TYPE_ID = 3%}
			 <span class="num">{order_lines.LINE_PRICE_NUMBER_FORMAT}</span> {order_lines.MEASURE_NAME}
			 {%ENDIF%}
			 </span></span></span>
		 </td>
		 <td width="50">
			 <!-- Товарная позиция -->
			 {% IF order_lines.TYPE_ID=1 %}
			 {order_lines.QUANTITY} <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			 <!-- Скидка -->
			 {% ELSEIF order_lines.TYPE_ID = 3%}
			 <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			 {%ENDIF%}
		 </td>
		 <td width="120">
			 <span class="price-excl-tax">
			 <span class="cart-price"><span>{order_lines.LINE_SUM | money}</span></span></span>
		 </td>
		 {% ENDIF %}

Подскажите после изменения 4. После оформления заказа в "Позиции заказа" объединить строку в доставке (картинка 6) "Цена", "Количество" и "Общая цена" и чтоб там была надпись посередине: "Оплата при получении" . Отображение выводит: "Оплата при получении" только на сайте, но при уведомлении письмом покупателю в email приходит тот же старый вариант (это может запутать покупателя). Можно ли реализовать измененную версию: "Оплата при получении" в email письме покупателю?

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

  • Без-имени-1.png

#8 Vaccina

Vaccina

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

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

Отправлено 11 Апрель 2018 - 01:36

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Другие шаблоны - Письмо покупателю о заказе - найдите:
<td align="right">{order_lines.LINE_PRICE_USER_MONEY_FORMAT_TEXT}</td>
	  <td align="center">
		<!-- Скидка -->
		{% IF order_lines.TYPE_ID = 3%}
		  <font title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</font>
		<!-- Доставка -->
		{% ELSEIF order_lines.TYPE_ID = 2%}
		  1 шт
		<!-- Товар -->
		{% ELSEIF order_lines.TYPE_ID = 1%}
		  {order_lines.QUANTITY} <font title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</font>
		{%ENDIF%}
	  </td>
	  <td align="right">{order_lines.LINE_SUM_USER_MONEY_FORMAT_TEXT}</td>
      
замените на:
{% IF order_lines.TYPE_ID=2 %}
		<td colspan="3">Оплата при получении</td>
	  {% ELSE %}
		<td align="right">{order_lines.LINE_PRICE_USER_MONEY_FORMAT_TEXT}</td>
		<td align="center">
		<!-- Скидка -->
		{% IF order_lines.TYPE_ID = 3%}
		  <font title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</font>
		<!-- Товар -->
		{% ELSEIF order_lines.TYPE_ID = 1%}
		  {order_lines.QUANTITY} <font title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</font>
		{%ENDIF%}
	  </td>
	  <td align="right">{order_lines.LINE_SUM_USER_MONEY_FORMAT_TEXT}</td>
	  {%ENDIF%}

#9 cselon

cselon

    Продвинутый пользователь

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

Отправлено 11 Апрель 2018 - 08:08

Просмотр сообщенияVaccina (11 Апрель 2018 - 01:36) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Другие шаблоны - Письмо покупателю о заказе - найдите:
<td align="right">{order_lines.LINE_PRICE_USER_MONEY_FORMAT_TEXT}</td>
	 <td align="center">
	 <!-- Скидка -->
	 {% IF order_lines.TYPE_ID = 3%}
		 <font title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</font>
	 <!-- Доставка -->
	 {% ELSEIF order_lines.TYPE_ID = 2%}
		 1 шт
	 <!-- Товар -->
	 {% ELSEIF order_lines.TYPE_ID = 1%}
		 {order_lines.QUANTITY} <font title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</font>
	 {%ENDIF%}
	 </td>
	 <td align="right">{order_lines.LINE_SUM_USER_MONEY_FORMAT_TEXT}</td>
  
замените на:
{% IF order_lines.TYPE_ID=2 %}
	 <td colspan="3">Оплата при получении</td>
	 {% ELSE %}
	 <td align="right">{order_lines.LINE_PRICE_USER_MONEY_FORMAT_TEXT}</td>
	 <td align="center">
	 <!-- Скидка -->
	 {% IF order_lines.TYPE_ID = 3%}
		 <font title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</font>
	 <!-- Товар -->
	 {% ELSEIF order_lines.TYPE_ID = 1%}
		 {order_lines.QUANTITY} <font title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</font>
	 {%ENDIF%}
	 </td>
	 <td align="right">{order_lines.LINE_SUM_USER_MONEY_FORMAT_TEXT}</td>
	 {%ENDIF%}

Спасибо! Подскажите такая проблема в каталоге "Весенние скидки" с мобильного устройства расширился экран вправо, в чем проблема там? И после оформления заказа  в "Просмотр заказа" с мобильного таблица расширена сильно

#10 Vaccina

Vaccina

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

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

Отправлено 11 Апрель 2018 - 08:54

Здравствуйте.

По первой проблеме пришлите пожалуйста скриншот, по второй зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}

замените на:
@media all and (max-width: 481px) {
.table-box{width: 100%;}
.col-smb-12 {width: 100%;}

#11 cselon

cselon

    Продвинутый пользователь

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

Отправлено 11 Апрель 2018 - 10:15

Просмотр сообщенияVaccina (11 Апрель 2018 - 08:54) писал:

Здравствуйте.

По первой проблеме пришлите пожалуйста скриншот, по второй зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}

замените на:
@media all and (max-width: 481px) {
.table-box{width: 100%;}
.col-smb-12 {width: 100%;}

Спасибо! Вопрос решил, тема не актуальна.

#12 cselon

cselon

    Продвинутый пользователь

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

Отправлено 11 Апрель 2018 - 23:11

Просмотр сообщенияVaccina (10 Апрель 2018 - 08:57) писал:

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;}

замените на:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;text-align: left;}

Просмотр сообщенияVaccina (10 Апрель 2018 - 08:57) писал:

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;}

замените на:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;text-align: left;}

После изменения ушло влево все

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

  • Без-имени-2 (1).png

#13 Vaccina

Vaccina

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

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

Отправлено 13 Апрель 2018 - 02:04

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;text-align: left;}
.payment .orderStagePaymentList:last-child {margin: 0;}
.payment .orderStagePaymentList .cell1 {float: left;width: 18px;}
.payment .orderStagePaymentList .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePaymentList .cell2 {float: left;width: 90%;}

замените на:
.payment .orderStagePaymentList {width:100%;float:none;margin:0 auto 10px;text-align: center;}
.payment .orderStagePaymentList:last-child {margin: 0;}
.payment .orderStagePaymentList .cell1 {width: 18px;display:inline-block;}
.payment .orderStagePaymentList .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePaymentList .cell2 {display:inline-block;}

#14 cselon

cselon

    Продвинутый пользователь

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

Отправлено 13 Апрель 2018 - 08:48

Просмотр сообщенияVaccina (13 Апрель 2018 - 02:04) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;text-align: left;}
.payment .orderStagePaymentList:last-child {margin: 0;}
.payment .orderStagePaymentList .cell1 {float: left;width: 18px;}
.payment .orderStagePaymentList .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePaymentList .cell2 {float: left;width: 90%;}

замените на:
.payment .orderStagePaymentList {width:100%;float:none;margin:0 auto 10px;text-align: center;}
.payment .orderStagePaymentList:last-child {margin: 0;}
.payment .orderStagePaymentList .cell1 {width: 18px;display:inline-block;}
.payment .orderStagePaymentList .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePaymentList .cell2 {display:inline-block;}

Спасибо!
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лето
  5. → Изменение общей стилистики
  6. Privacy Policy