Отключен JavaScript

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

2

Оформление Заказа

Автор Dum0ne, 27 марта 2013 08:57

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 59

#1 Dum0ne

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

Пользователи
62 сообщений

ГородУфа

Отправлено 27 Март 2013 - 08:57

Как сделать оформление заказа ,вот такого типа

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

Наверх

#2 miyako

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

Модератоpы
5 372 сообщений

Отправлено 27 Март 2013 - 10:12

Dum0ne (27 Март 2013 - 08:57) писал:

Как сделать оформление заказа ,вот такого типа

Вы хотите убрать два последних шага? Можете объяснить подробнее, что Вы хотите сделать?

Наверх

#3 ogonek7777

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

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

ГородМосква

Отправлено 27 Март 2013 - 12:06

miyako (27 Март 2013 - 10:12) писал:

Вы хотите убрать два последних шага? Можете объяснить подробнее, что Вы хотите сделать?

Нет, если Вы зайдете в спрашивающему в профайл, то увидите, что у него шаблон пластик, в котором нет вот таких кружочков, а просто прописано словами.

Наверх

#4 ogonek7777

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

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

ГородМосква

Отправлено 27 Март 2013 - 12:22

Dum0ne (27 Март 2013 - 08:57) писал:

Как сделать оформление заказа ,вот такого типа

В общем схема ваших действий будет следующая. Делаете бэк-ап шаблона, чтобы сохранить изменения, которые Вы сегодня вносили. Далее устанавливаете себе шаблон Мокко и сравниваете в чем отличие.
Там после вот такого кода:

  <form
	  {% IF ORDER_STAGE_NUM=1 %}
		action="{ORDER_STAGE_CONTACTS_URL}"
	  {% ELSEIF ORDER_STAGE_NUM=2 %}
		action="{ORDER_STAGE_DELIVERY_URL}"
	  {% ELSEIF ORDER_STAGE_NUM=3 %}
		action="{ORDER_STAGE_PAYMENT_URL}"
	  {% ELSEIF ORDER_STAGE_NUM=4 %}
		action="{ORDER_STAGE_CONFIRM_URL}"
	  {% ENDIF %}

есть код картинок, который Вам надо поставить в свой шаблон:

<input type="hidden" name="hash" value="{HASH}" />
	  <table class="orderHeader">
		<tr>
		  <td>
			<div class="orderIcon {% IF ORDER_STAGE_NUM=1 %}step1-act{% ELSEIF ORDER_STAGE_NUM>1%}ok{% ELSE %}step1{% ENDIF %}"></div>
		  </td>
		  <td class="orderStepName {% IF ORDER_STAGE_NUM>0 %}act{% ENDIF %}">
			Контакты
		  </td>
		 
		  <td>
			<div class="orderIcon {% IF ORDER_STAGE_NUM=2 %}step2-act{% ELSEIF ORDER_STAGE_NUM>2%}ok{% ELSE %}step2{% ENDIF %}"></div>
		  </td>
		  <td class="orderStepName {% IF ORDER_STAGE_NUM>1 %}act{% ENDIF %}">
			Доставка
		  </td>
		 
		  <td>
			<div class="orderIcon {% IF ORDER_STAGE_NUM=3 %}step3-act{% ELSEIF ORDER_STAGE_NUM>3%}ok{% ELSE %}step3{% ENDIF %}"></div>
		  </td>
		  <td class="orderStepName {% IF ORDER_STAGE_NUM>2 %}act{% ENDIF %}">
			Оплата
		  </td>
		 
		  <td>
			<div class="orderIcon {% IF ORDER_STAGE_NUM=4 %}step4-act{% ELSEIF ORDER_STAGE_NUM>4%}ok{% ELSE %}step4{% ENDIF %}"></div>
		  </td>
		  <td class="orderStepName {% IF ORDER_STAGE_NUM>3 %}act{% ENDIF %}">
			Отправка заказа
		  </td>
		 
		</tr>
	  </table>

Также Вам надо скопировать картинки к себе на комп, а потом перенести с свой шаблон в Редактор тем

они будут называться orderIcons.png

Далее надо найти еще коды в CSS и вставить к себе, предполагаю, что это:

/* Оформление заказа. Шаги пользователя */
.orderHeader					   {margin:0em 0em 0.5em 0em;font-size:1.2em;}
.orderHeader td					{color:#cccccc}
.orderHeader td.act				{color: #555}
.orderStepName					 {vertical-align:middle;padding-right:2em;}

/* Иконки */
.orderIcon											   {
width:36px;
height:36px;
display:block;
background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;
border-radius: 35px;/*радиус закругления углов в пикселях*/
}
.orderIcon.ok					  {background-position:-1px -3px;}
.orderIcon.step1				   {background-position:-1px -88px;}
.orderIcon.step1-act			   {background-position:-1px -44px;}
.orderIcon.step2				   {background-position:-40px -88px;}
.orderIcon.step2-act			   {background-position:-40px -44px;}
.orderIcon.step3				   {background-position:-79px -88px;}
.orderIcon.step3-act			   {background-position:-79px -44px;}
.orderIcon.step4				   {background-position:-118px -88px;}
.orderIcon.step4-act			   {background-position:-118px -44px;}
.orderIcon.cart					{background-position:-40px -3px;}
.orderIcon.delivery				{background-position:-118px -3px;margin:auto;}

Наверх

#5 koob

Пользователь

Пользователи
45 сообщений

ГородСмоленск

Отправлено 29 Март 2013 - 13:14

У меня проблема в следующем:Магазин обуви, при нажатии кнопки купить, товар добавляется в корзину и автоматически добавляется размер с которого начинается размерный ряд. После добавления в корзину размер изменить не возможно, только добавить вторую пару нужного размера, а первую удалить. Как сделать чтобы после нажатия кнопки купить сначала предлагалось выбрать размер, а потом товар попадал в корзину или размер можно было изменить в корзине. Первый вариант предпочтительней.

Наверх

#6 Koderhan

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

Модератоpы
6 227 сообщений

Отправлено 29 Март 2013 - 13:45

koob (29 Март 2013 - 13:14) писал:

У меня проблема в следующем:Магазин обуви, при нажатии кнопки купить, товар добавляется в корзину и автоматически добавляется размер с которого начинается размерный ряд. После добавления в корзину размер изменить не возможно, только добавить вторую пару нужного размера, а первую удалить. Как сделать чтобы после нажатия кнопки купить сначала предлагалось выбрать размер, а потом товар попадал в корзину или размер можно было изменить в корзине. Первый вариант предпочтительней.

К сожалению такое нельзя сделать. Модификации можно выберать только на странице товара. Так даже удобнее...

Наверх

#7 koob

Пользователь

Пользователи
45 сообщений

ГородСмоленск

Отправлено 29 Март 2013 - 15:49

Тогда как удалить кнопки "купить сейчас" а "подробнее" оставить. Чтобы в корзину добавляли со страницы товара.

Наверх

#8 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 29 Март 2013 - 16:33

koob (29 Март 2013 - 15:49) писал:

Тогда как удалить кнопки "купить сейчас" а "подробнее" оставить. Чтобы в корзину добавляли со страницы товара.

в шаблоне Товары удалите строчку

<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>

и

<a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>

Наверх

#9 koob

Пользователь

Пользователи
45 сообщений

ГородСмоленск

Отправлено 29 Март 2013 - 17:17

Спасибо в каталоге товаров всё получилось, а как убрать с главной ( там отображаются новинки и хиты продаж)

Наверх

#10 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 29 Март 2013 - 17:37

koob (29 Март 2013 - 17:17) писал:

Спасибо в каталоге товаров всё получилось, а как убрать с главной ( там отображаются новинки и хиты продаж)

в шаблоне HTML удалите:

<button type="submit" class="whtgray">Купить сейчас</button>

<button type="submit"class="blgreen">Купить</button>

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

Наверх

#11 koob

Пользователь

Пользователи
45 сообщений

ГородСмоленск

Отправлено 29 Март 2013 - 19:35

Спасибо кнопки убрал. Еще хотелось бы выровнять кнопки по центру как на первой картинке.
И еще можно переставить новинки в левый блок как на втором примере.

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

Наверх

#12 mikola

Good soo good

Модератоpы
1 550 сообщений

Городгород Нижний Новгород

Отправлено 29 Март 2013 - 19:47

koob (29 Март 2013 - 19:35) писал:

Спасибо кнопки убрал. Еще хотелось бы выровнять кнопки по центру как на первой картинке.
И еще можно переставить новинки в левый блок как на втором примере.

Добрый вечер..
Напишите ваш адрес сайта или номер аккаунта

Наверх

#13 koob

Пользователь

Пользователи
45 сообщений

ГородСмоленск

Отправлено 29 Март 2013 - 19:51

smolobuv.ru

Наверх

#14 mikola

Good soo good

Модератоpы
1 550 сообщений

Городгород Нижний Новгород

Отправлено 29 Март 2013 - 20:00

koob (29 Март 2013 - 19:51) писал:

smolobuv.ru

сайт редактор тем-main.css
найти код

#mainindex a.whtgreen { float: left; margin: 0 0 0 30px; }

заменим на код

#mainindex a.whtgreen { float: left; margin: 0 0 0 70px; }

Наверх

#15 koob

Пользователь

Пользователи
45 сообщений

ГородСмоленск

Отправлено 29 Март 2013 - 21:17

Ок. С кнопками разобрались. А перенести новинки в правый блок можно?

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

Наверх

#16 mikola

Good soo good

Модератоpы
1 550 сообщений

Городгород Нижний Новгород

Отправлено 29 Март 2013 - 22:18

koob (29 Март 2013 - 21:17) писал:

Ок. С кнопками разобрались. А перенести новинки в правый блок можно?

Найти код в файле "HTML":

   </div>
		  <div id="right">

И вставить после него код :

<style>
						   .myinfoproduct .name a {
								 color:#000;
								 overflow:hidden;
								 text-overflow:ellipsis;
						  }
						  .myinfoproduct .txtalgnlft { text-align:left; }
		  </style>
		  {% IFNOT index_page_favorites_goods_empty %}
						{% FOR index_page_favorites_goods %}
						<div class="hr"></div>
						<div class="box padd">
						  <div class="titlebox txtalgnlft">
								<ul>
								  <li class="blue fnt11b">
										<h2><a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Интересно</a></h2>
								  </li>
								  <li class="default fnt12b "><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></li>
								</ul>
						  </div>
						  <div class="ulproduct">
								<div class="img txtalgncnt">
								  <div class="stikerhit">
								  </div>
								  <a href="{index_page_favorites_goods.URL}"><img {% IF index_page_favorites_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_favorites_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_favorites_goods.NAME}" /></a>
								</div>
								<div class="myinfoproduct">
								  <div class="name fnt14b">
										<a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a>
								  </div>
								  <div class="info fnt11n txtalgnlft" style="display:block;position:relative;">
										{index_page_favorites_goods.DESCRIPTION_SHORT}
								  </div>
								  <div class="buttons">
										{% IF index_page_favorites_goods.MAX_REST_VALUE>0 %}
										  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												<div>
												  <input type="hidden" name="hash" value="{HASH}" />
												  <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
												  <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
												  <button type="submit" class="whtgray">Купить сейчас</button>
												</div>
										  </form>
										  <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;" class="whtgray">Подробнее</a>
										{% ENDIF %}
										{% IF index_page_favorites_goods.MAX_REST_VALUE=0 %}
										  <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;" class="whtgray">Подробнее</a>
										{% ENDIF %}
								  </div>
								  <div class="price fnt12b txtalgnlft">
										Цена:
										<span>
										  {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
												{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}
										  {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
												{index_page_favorites_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}
										  {% ENDIF %}
										</span><em class="fnt12b">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</em>
								  </div>
								</div>
								<div class="clear"></div>
						  </div>
						</div>
				  {% ENDFOR index_page_goods %}
				{% ENDIF %}

Наверх

#17 koob

Пользователь

Пользователи
45 сообщений

ГородСмоленск

Отправлено 29 Март 2013 - 22:47

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

Наверх

#18 Vaccina

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

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

Отправлено 30 Март 2013 - 00:40

В данном коде замените переменные index_page_favorites_goods на index_page_new_goods

Наверх

#19 koob

Пользователь

Пользователи
45 сообщений

ГородСмоленск

Отправлено 30 Март 2013 - 10:44

Получилось не совсем что хотелось. Отображаются "Новинки" но в стиле Хит продаж, а как сделать чтоб отображалось как Новинки но только в столбик с правой стороны. Что-то похожее как на картинке

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

Наверх

#20 miyako

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

Модератоpы
5 372 сообщений

Отправлено 30 Март 2013 - 11:02

koob (30 Март 2013 - 10:44) писал:

Получилось не совсем что хотелось. Отображаются "Новинки" но в стиле Хит продаж, а как сделать чтоб отображалось как Новинки но только в столбик с правой стороны. Что-то похожее как на картинке

Вам поможет данная ветка на форуме - http://forum.storela...лок/#entry30250