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


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


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

#1 Dum0ne

Dum0ne

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

  • Пользователи
  • PipPipPip
  • 62 сообщений
  • ГородУфа

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

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

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

  • Снимок.PNG


#2 miyako

miyako

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

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

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

Просмотр сообщенияDum0ne (27 Март 2013 - 08:57) писал:

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

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

#3 ogonek7777

ogonek7777

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

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

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

Просмотр сообщенияmiyako (27 Март 2013 - 10:12) писал:

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

#4 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 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

koob

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

  • Пользователи
  • PipPip
  • 45 сообщений
  • ГородСмоленск

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

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

#6 Koderhan

Koderhan

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

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

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

Просмотр сообщенияkoob (29 Март 2013 - 13:14) писал:

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

#7 koob

koob

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

  • Пользователи
  • PipPip
  • 45 сообщений
  • ГородСмоленск

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

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

#8 support 2.0

support 2.0

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

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

Отправлено 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

koob

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

  • Пользователи
  • PipPip
  • 45 сообщений
  • ГородСмоленск

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

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

#10 support 2.0

support 2.0

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

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

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

Просмотр сообщенияkoob (29 Март 2013 - 17:17) писал:

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

в шаблоне HTML удалите:
<button type="submit" class="whtgray">Купить сейчас</button>
<button type="submit"class="blgreen">Купить</button>
обратите внимание, что они встречаются несколько раз, поэтому нужно удалить все случаи, где есть эти строчки

#11 koob

koob

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

  • Пользователи
  • PipPip
  • 45 сообщений
  • ГородСмоленск

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

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

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

  • кнопки.png
  • Пример2.png


#12 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

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

Просмотр сообщенияkoob (29 Март 2013 - 19:35) писал:

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

#13 koob

koob

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

  • Пользователи
  • PipPip
  • 45 сообщений
  • ГородСмоленск

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

smolobuv.ru

#14 mikola

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

koob

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

  • Пользователи
  • PipPip
  • 45 сообщений
  • ГородСмоленск

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

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

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

  • Пример2.png


#16 mikola

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

koob

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

  • Пользователи
  • PipPip
  • 45 сообщений
  • ГородСмоленск

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

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

#18 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

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

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

#19 koob

koob

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

  • Пользователи
  • PipPip
  • 45 сообщений
  • ГородСмоленск

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

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

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

  • Новинки.png


#20 miyako

miyako

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

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

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

Просмотр сообщенияkoob (30 Март 2013 - 10:44) писал:

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

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




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

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