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


Движение Изменения Формы Быстрого Заказа


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

#1 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 08 Октябрь 2016 - 16:59

Прошу помочь скомпоновать форму.
Необходимо, чтобы маленькие окошки располагались в ряд, причем их число чтоб зависело от размера монитора пользователя, то есть от 1 до 3.
2. По новому прописать цену доставки - прилепить ее к названию доставки. Жирным. Окончание руб.
3. Переставить кнопку в центр.
4. Вместо надписи вставить таблицу из Корзины.
Спасибо.

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

  • 2016-10-08_16-38-05.png
  • 2016-10-08_16-47-17.png
  • 2016-10-08_16-50-58.png


#2 Alekseys

Alekseys

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

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

Отправлено 08 Октябрь 2016 - 18:03

Просмотр сообщенияogonek7777 (08 Октябрь 2016 - 16:59) писал:

Прошу помочь скомпоновать форму.
Необходимо, чтобы маленькие окошки располагались в ряд, причем их число чтоб зависело от размера монитора пользователя, то есть от 1 до 3.
2. По новому прописать цену доставки - прилепить ее к названию доставки. Жирным. Окончание руб.
3. Переставить кнопку в центр.
4. Вместо надписи вставить таблицу из Корзины.
Спасибо.
Здравствуйте. В конец style.css вставьте
.orderStageDeliveryListTable td:nth-child(3) {
visibility: hidden;
}
.orderStageDeliveryListTable td:nth-child(2) {
width: 95%;
}
.orderStageDeliveryListTable td:nth-child(2) .htmlDataBlock {
max-width: 60%;
margin: auto;
}

#quickform .buttons-set button {
float: none!important;
}

.center {
text-align: center;
}

#quickform .form-list li {
display: inline-block;
}
затем в шаблоне Быстрый заказ замените
	 <h2>Форма быстрого оформления заказа</h2>
</div>
<div class="contentContainer">
на
	 <h2>Форма быстрого оформления заказа</h2>
</div>
<div class="contentContainer center">


#3 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 13 Октябрь 2016 - 15:35

Просмотр сообщенияAlekseys (08 Октябрь 2016 - 18:03) писал:

Здравствуйте. В конец style.css вставьте
.orderStageDeliveryListTable td:nth-child(3) {
visibility: hidden;
}
.orderStageDeliveryListTable td:nth-child(2) {
width: 95%;
}
.orderStageDeliveryListTable td:nth-child(2) .htmlDataBlock {
max-width: 60%;
margin: auto;
}

#quickform .buttons-set button {
float: none!important;
}

.center {
text-align: center;
}

#quickform .form-list li {
display: inline-block;
}
затем в шаблоне Быстрый заказ замените
	 <h2>Форма быстрого оформления заказа</h2>
</div>
<div class="contentContainer">
на
	 <h2>Форма быстрого оформления заказа</h2>
</div>
<div class="contentContainer center">
хм, а на какие пункты этот ответ? увидела, что окно разлезлось на весь экран. Увидела, что суммы доставки вообще исчезли. Увидела, что внизу склеились окошки, остальные, указанные на рис. нет. Жду ответа. Спасибо.

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 14 Октябрь 2016 - 16:41

Просмотр сообщенияogonek7777 (13 Октябрь 2016 - 15:35) писал:

хм, а на какие пункты этот ответ? увидела, что окно разлезлось на весь экран. Увидела, что суммы доставки вообще исчезли. Увидела, что внизу склеились окошки, остальные, указанные на рис. нет. Жду ответа. Спасибо.

1) В шаблоне Быстрый заказ найдите блок
<p><label for="reg_name" class="required">ФИО*</label></p>
	 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
	 <p><label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label></p>	
	 <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/>
	 <p><label for="sites_client_phone" class="required">Телефон для связи*</label></p>
	 <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
и замените его на
<div>
<p><label for="reg_name" class="required">ФИО*</label></p>
	 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
</div>
<div>
	 <p><label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label></p>	
	 <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/>
</div>
<div>	
<p><label for="sites_client_phone" class="required">Телефон для связи*</label></p>
	 <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
</div>

В конец файла .css добавьте блок
li.fields {
display: inline-block;
margin-right: 86px;
}
.contentContainer div {
display: inline-block;
margin-right: 20px;
}
2) В шаблоне Быстрый заказ Найдите блок
<td class="cell2" width="60%">
		 <label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label>
			 {% IF order_delivery.DESC %}
			 <div class="htmlDataBlock">{order_delivery.DESC}</div>
			 {% ENDIF %}
	 </td>
	 <td class="cell3 price">
		 <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span>
		 <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | money_format}</span>
	 </td>
и замените его на
<td class="cell2" width="60%">
		 <label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label>
<span class="price">
<span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE} руб.</span>
		 <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE} руб.</span>
</span>
			 {% IF order_delivery.DESC %}
			 <div class="htmlDataBlock">{order_delivery.DESC}</div>
			 {% ENDIF %}
	 </td>

В конец файла main.css добавьте блок
span.orderStageDeliveryDefaultPrice .num, .orderStageDeliveryZonePrice .num {
font-weight: bold;
}

3) В конец файла main.css добавьте блок
.buttons-set {
text-align: center;
}
В шаблоне Быстрый заказ найдите строку
<button type="submit" class="buy_button" onclick="yaCounter16390948.reachGoal('bistry zakaz'); return true;" title="Оформить заказ" style="float: left">Оформить заказ</button>
и замените ее на
<button type="submit" class="buy_button" onclick="yaCounter16390948.reachGoal('bistry zakaz'); return true;" title="Оформить заказ">Оформить заказ</button>

4) Если я Вас правильно поняла, то это уже реализовано на Вашем сайте.

#5 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 16 Октябрь 2016 - 17:16

Просмотр сообщенияStasya (14 Октябрь 2016 - 16:41) писал:

1) В шаблоне Быстрый заказ найдите блок
<p><label for="reg_name" class="required">ФИО*</label></p>
	 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
	 <p><label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label></p>	
	 <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/>
	 <p><label for="sites_client_phone" class="required">Телефон для связи*</label></p>
	 <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
и замените его на
<div>
<p><label for="reg_name" class="required">ФИО*</label></p>
	 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
</div>
<div>
	 <p><label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label></p>	
	 <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/>
</div>
<div>	
<p><label for="sites_client_phone" class="required">Телефон для связи*</label></p>
	 <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
</div>

В конец файла .css добавьте блок
li.fields {
display: inline-block;
margin-right: 86px;
}
.contentContainer div {
display: inline-block;
margin-right: 20px;
}
2) В шаблоне Быстрый заказ Найдите блок
<td class="cell2" width="60%">
		 <label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label>
			 {% IF order_delivery.DESC %}
			 <div class="htmlDataBlock">{order_delivery.DESC}</div>
			 {% ENDIF %}
	 </td>
	 <td class="cell3 price">
		 <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span>
		 <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | money_format}</span>
	 </td>
и замените его на
<td class="cell2" width="60%">
		 <label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label>
<span class="price">
<span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE} руб.</span>
		 <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE} руб.</span>
</span>
			 {% IF order_delivery.DESC %}
			 <div class="htmlDataBlock">{order_delivery.DESC}</div>
			 {% ENDIF %}
	 </td>

В конец файла main.css добавьте блок
span.orderStageDeliveryDefaultPrice .num, .orderStageDeliveryZonePrice .num {
font-weight: bold;
}

3) В конец файла main.css добавьте блок
.buttons-set {
text-align: center;
}
В шаблоне Быстрый заказ найдите строку
<button type="submit" class="buy_button" onclick="yaCounter16390948.reachGoal('bistry zakaz'); return true;" title="Оформить заказ" style="float: left">Оформить заказ</button>
и замените ее на
<button type="submit" class="buy_button" onclick="yaCounter16390948.reachGoal('bistry zakaz'); return true;" title="Оформить заказ">Оформить заказ</button>

4) Если я Вас правильно поняла, то это уже реализовано на Вашем сайте.
файлы main.css не существуют(( ,как и .css Проверьте пжл, куда ставить
4. Корзина на данный момент в быстром заказе просто вставлена, код в ней не функционален, кнопочки удалить, плюс, минус не работают. Требуется доработка.

#6 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 16 Октябрь 2016 - 17:38

Изменения вносила наобум. И где-то внесла не там, так как теперь из каталога перекидывает сразу в каталог и вылазит сообщение об ошибке.
Стало выглядеть лучше,
а. как сделать тире перед ценой доставки и выделить жирным?
б. Как уменьшить поля адрес доставки и комментарий, чтобы они помещались на одну строку?
в. Как поднять кверху названия "адрес доставки" и "комментарий"?,
спасибо

#7 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 17 Октябрь 2016 - 14:04

ау

#8 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 17 Октябрь 2016 - 14:33

Просмотр сообщенияogonek7777 (16 Октябрь 2016 - 17:38) писал:

Изменения вносила наобум. И где-то внесла не там, так как теперь из каталога перекидывает сразу в каталог и вылазит сообщение об ошибке.
Стало выглядеть лучше,
а. как сделать тире перед ценой доставки и выделить жирным?
б. Как уменьшить поля адрес доставки и комментарий, чтобы они помещались на одну строку?
в. Как поднять кверху названия "адрес доставки" и "комментарий"?,
спасибо

1) Не совсем Вас поняла по поводу 1-го пункта.
а) Вам необходимо в конец файла style.css добавить блок
span.orderStageDeliveryDefaultPrice .num, .orderStageDeliveryZonePrice .num {
font-weight: bold;
}

Далее в шаблоне Быстрый заказ найдите строку
<label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label>
и замените ее на
<label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME} - </label>

б) В конец файла style.css добавьте блок
li.wide {
width: 45%;
display: inline-block;
margin-right: 26px;
}
textarea#quickDeliveryAddress, #quickDeliveryComment {
display: block;
width: 100%;
}

в) Не совсем понятно куда нужно поднять названия. Уточните, пожалуйста, этот вопрос.

#9 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 19 Октябрь 2016 - 18:20

Спасибо, осталось еще небольшое:
2016-10-19_18-07-55.png

как уменьшить длину этих двух окошек?
Спасибо!


И еще, я так и не получила ответ, как прикрутить все необходимые стили в перенесенную корзину (шрифт), и чтоб там заработали крестик Удалить, плюс и минус. А то сейчас перекидывает в стандартную корзину.
Спасибо!

#10 Ирина345

Ирина345

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

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

Отправлено 21 Октябрь 2016 - 11:32

Просмотр сообщенияogonek7777 (19 Октябрь 2016 - 18:20) писал:

Спасибо, осталось еще небольшое:
Прикрепленный файл 2016-10-19_18-07-55.png

как уменьшить длину этих двух окошек?
Спасибо!


И еще, я так и не получила ответ, как прикрутить все необходимые стили в перенесенную корзину (шрифт), и чтоб там заработали крестик Удалить, плюс и минус. А то сейчас перекидывает в стандартную корзину.
Спасибо!
Здравствуйте, найдите в шаблоне Быстрый заказ код
  <span class="select-box">
				  <select style="width:95px;margin-right:3px;float: none;" name="form[delivery][convenient_time_from]">
					<option></option>
					{% FOR convenient_time_from_list %}
					  <option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option>
					{% ENDFOR %}
				  </select>
				</span>
				до
				<span class="select-box">
				  <select style="width:95px;float: none;" name="form[delivery][convenient_time_to]">

где измените значение 95, что бы изменить ширину необходимого блока.
Из формы быстрого заказа, к сожалению нельзя удалять товар и изменять количество, можно удалить кнопку "крестик" и закрыть к изменению поле количество товара, что бы покупателя ни чего не смущало.
Найдите в шаблоне Быстрый заказ код
<tr>
				<td></td>
				<td class="image">Фото</td>
замените на
<tr>
							   <td class="image">Фото</td>

далее найдите код
<tr class="item" id="{cart_items.GOODS_ID}" data-mod-id="{cart_items.GOODS_MOD_ID}">
				  <td class="close-block">
					<a class="close" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию">×</a><br />
				  </td>
				  <td width="80"><div class="goods-image-icon-square"><a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=movement{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></td>
				 
замените на
<tr class="item" id="{cart_items.GOODS_ID}" data-mod-id="{cart_items.GOODS_MOD_ID}">
								   <td width="80"><div class="goods-image-icon-square"><a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=movement{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></td>
				 

далее найдите код
<td width="100">
					<div class="qty-button-down">
					  <a href="#" class="qty-down">-</a>
					</div>
					<input type="text"  name="form[quantity][{cart_items.GOODS_MOD_ID}]" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" value="{cart_items.ORDER_LINE_QUANTITY}" class="input-text qty" size="4" maxlength="12"/>
					<div class="qty-button-up">
					  <a href="#" class="qty-up">+</a>
					</div>
					<div class="clear"></div>
				  </td>

замените на
<td width="100">
									   <input type="text"  name="form[quantity][{cart_items.GOODS_MOD_ID}]" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" disable="disable" value="{cart_items.ORDER_LINE_QUANTITY}" class="input-text qty" size="4" maxlength="12"/>
									   <div class="clear"></div>
				  </td>


#11 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 21 Октябрь 2016 - 14:49

Нет, к сожалению, так неприемлимо, покупатель должен иметь возможность удалять товар и изменять его количество, иначе это будет приводить к потере покупателя... Может быть, уважаемая Vaccina мне поможет?

#12 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

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

ау, кто нибудь может помочь?

#13 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 09 Ноябрь 2016 - 17:17

Просмотр сообщенияogonek7777 (21 Октябрь 2016 - 14:49) писал:

Нет, к сожалению, так неприемлимо, покупатель должен иметь возможность удалять товар и изменять его количество, иначе это будет приводить к потере покупателя... Может быть, уважаемая Vaccina мне поможет?
Здравствуйте. Скажите, пожалуйста, Ваш вопрос еще актуален?




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

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