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


Быстрый заказ в шаблоне Пластик

заказ fancybox пластик

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

#1 Koderhan

Koderhan

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

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

Отправлено 04 Декабрь 2013 - 17:35

Для подключения быстрого заказа в шаблоне пластик.
ScreenShot 933.png
ScreenShot 935.png
В разделе Редактор шаблонов загрузить файл быстрого заказа order_fast.htm из архива Прикрепленный файл  order_fast.zip   18,44К   261 Количество загрузок:
Стили  были добавлены из шаблона "Вечность" пользователем support 2.0
В конец файла "main.js" добавить код:
Скрытый текст


Теперь уже можно добавлять кнопки быстрого заказа. Для начала добавим кнопку в каталоге товаров.
Для этого откроем файл "Товары" и после кода:
				 <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="readmore whtgray" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); 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>
ScreenShot 936.png ScreenShot 937.png

После кода:
					 <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>
Добавить:
					 <a class="blgreen quick" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); 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>
ScreenShot 938.png ScreenShot 939.png

Теперь кнопка "Быстрый заказ" отображается в каталоге не совсем корректно.
Для исправления нужно изменить стили в файле main.css.
Код:
#content .box .tabproduct .buttons { clear:both; height:22px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) -90px -38px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
Заменить:
#content .box .tabproduct .buttons { clear:both; height:50px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) -90px -10px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
ScreenShot 940.png

И добавить в конец файла код:
#content .box .tabproduct .buttons .blgreen.quick {
margin-top: 5px;
float: right;
margin-right: 30px;
}
ScreenShot 941.png

Для добавления кнопки "Быстрый заказ" в карточку товара.
Код:
<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>
Заменить:
<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
				 <a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a>
				 <br><span style="display:block;padding-top:4px;"><a class="whtblue" onclick="quickorder('.goodsDataForm'); return false;" title="Заказать &laquo;{GOODS_NAME}&raquo; через быстрое оформление заказа" href="#">Быстрый заказ</a></span>
			 </li>

ScreenShot 943.png ScreenShot 942.png

Теперь у вас на сайте есть быстрый заказ.ScreenShot 934.png

#2 tva1982

tva1982

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

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

Отправлено 10 Декабрь 2013 - 13:29

А как быстрый заказ прикрутить к кнопке Заказать, которая находится в корзине?
Чтобы вместо оформления заказа в 4 шага, появлялась форма быстрого заказа.
А после оформления заказа покупатель попадал на страницу заказа.

#3 domovenok

domovenok

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

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

Отправлено 10 Декабрь 2013 - 21:31

Почему-то у меня получается вот такое не очень красивое поле. Как его можно отредактировать?

Аккаунт SL-227764

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

  • 1111..jpg


#4 Vaccina

Vaccina

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

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

Отправлено 11 Декабрь 2013 - 03:06

Просмотр сообщенияtva1982 (10 Декабрь 2013 - 13:29) писал:

А как быстрый заказ прикрутить к кнопке Заказать, которая находится в корзине?
Чтобы вместо оформления заказа в 4 шага, появлялась форма быстрого заказа.
А после оформления заказа покупатель попадал на страницу заказа.

Данный вопрос обсуждался в сл.теме:
http://forum.storela...аза/#entry83131


Просмотр сообщенияdomovenok (10 Декабрь 2013 - 21:31) писал:

Почему-то у меня получается вот такое не очень красивое поле. Как его можно отредактировать?

Аккаунт SL-227764
Найдите в main.css сл.блок кода и попробуйте удалить:

input, input:active, textarea, select, button, a {
border: medium none currentColor;
outline: medium none currentColor;
}


#5 domovenok

domovenok

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

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

Отправлено 11 Декабрь 2013 - 08:46

Вот этот:   input, input:active, textarea, select, button, a { outline: none; border:none; }

не помогло...вставила обратно

#6 ne_yana

ne_yana

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

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

Отправлено 11 Декабрь 2013 - 09:05

Просмотр сообщенияdomovenok (11 Декабрь 2013 - 08:46) писал:

Вот этот:   input, input:active, textarea, select, button, a { outline: none; border:none; }

не помогло...вставила обратно
Здравствуйте, добавьте в файл main.css
#fancybox-content input {
border: 1px solid black;
}


#7 domovenok

domovenok

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

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

Отправлено 11 Декабрь 2013 - 09:34

Большое спасибо! Все стало так, как и должно быть

#8 house4toy

house4toy

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

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

Отправлено 13 Декабрь 2013 - 15:54

Просмотр сообщенияKoderhan (04 Декабрь 2013 - 17:35) писал:

Очень понравилось это решение.
Хочу немного подправить. Подскажите как это сделать?
1. кнопку Быстрый заказ выровнять по центру и изменить цвет, скажем, на зеленый.
2. в карточке товара, вернуть стандартную черную обводку кнопке и текст, а кнопку быстрый заказ сделать зеленой. надпись на кнопке быстрый заказ, пусть будет белой.
3. Кнопка Быстрый заказ располагается над кнопкой в корзину.
Изображение

#9 ne_yana

ne_yana

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

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

Отправлено 13 Декабрь 2013 - 17:12

Просмотр сообщенияhouse4toy (13 Декабрь 2013 - 15:54) писал:

Очень понравилось это решение.
Хочу немного подправить. Подскажите как это сделать?
1. кнопку Быстрый заказ выровнять по центру и изменить цвет, скажем, на зеленый.
2. в карточке товара, вернуть стандартную черную обводку кнопке и текст, а кнопку быстрый заказ сделать зеленой. надпись на кнопке быстрый заказ, пусть будет белой.
3. Кнопка Быстрый заказ располагается над кнопкой в корзину.
Изображение
Здравствуйте, укажите, пожалуйста, номер вашего аккаунта.

#10 house4toy

house4toy

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

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

Отправлено 13 Декабрь 2013 - 17:15

Просмотр сообщенияne_yana (13 Декабрь 2013 - 17:12) писал:

Здравствуйте, укажите, пожалуйста, номер вашего аккаунта.
SL-250319

#11 ne_yana

ne_yana

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

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

Отправлено 13 Декабрь 2013 - 17:24

Просмотр сообщенияhouse4toy (13 Декабрь 2013 - 17:15) писал:

SL-250319
1. В разделе Сайт - Редактор шаблонов - Товар замените
<ul class="right txtalgncnt">
			 <li class="goodsPageSubmitButtonBlock">
на
<ul class="right">
			 <li class="goodsPageSubmitButtonBlock">
В файл main.css добавьте
.goodsPageSubmitButtonBlock a {
text-align: center;
}

Уточните, пожалуйста, цвет нужно изменить только для кнопки Быстрый заказ или для В корзину тоже? И насчет черной обводки, где она должна быть.

В разделе Сайт - Редактор шаблонов - Товар поменяйте местами
<a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a>
и
<span style="display:block;padding-top:4px;"><a class="whtblue" onclick="quickorder('.goodsDataForm'); return false;" title="Заказать &laquo;{GOODS_NAME}&raquo; через быстрое оформление заказа" href="#">Быстрый заказ</a></span>


#12 house4toy

house4toy

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

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

Отправлено 13 Декабрь 2013 - 18:19

Просмотр сообщенияne_yana (13 Декабрь 2013 - 17:24) писал:

1. В разделе Сайт - Редактор шаблонов - Товар замените
<ul class="right txtalgncnt">
			 <li class="goodsPageSubmitButtonBlock">
на
<ul class="right">
			 <li class="goodsPageSubmitButtonBlock">
Не поняла для чего это? надпись в центре кнопки стала на по центру, а выровнялась по левому краю. Вернула как было все.

Просмотр сообщенияne_yana (13 Декабрь 2013 - 17:24) писал:


Уточните, пожалуйста, цвет нужно изменить только для кнопки Быстрый заказ или для В корзину тоже? И насчет черной обводки, где она должна быть.
Только для кнопки быстрый заказ, что бы она выделялась. То что сейчас зеленое: надписи на кнопках и обводка кнопок, хотелось что бы стало для кнопки в корзину черным. А для кнопки Быстрый заказ, которая станет зеленой, надпись и обводку сделать белой.
Спасибо, что помогаете нам!

#13 Vaccina

Vaccina

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

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

Отправлено 14 Декабрь 2013 - 04:04

Редактор шаблонов main.css -
Здесь мы стилизуем обычные кнопки как "В корзину":
.whtblue {
	background: url("http://design.house4toy.ru/whtblue-nor.jpg") repeat-x scroll center top rgba(0, 0, 0, 0);
	border: 2px solid #32CD32 !important;
	border-radius: 4px;
	color: #32CD32;
	cursor: pointer;
	font: bold 12px Verdana,Geneva,sans-serif;
	height: 27px;
	outline: medium none;
	padding: 5px 15px;
}

Далее ниже добавляем:
.quick_b{

}
И прописываем тут стили для кнопки быстрого заказа.

Далее в шаблоне Товар найдите кнопку быстрого заказа:

<span style="display:block;padding-top:4px;"><a class="whtblue" onclick="quickorder('.goodsDataForm'); return false;" title="Заказать &laquo;{GOODS_NAME}&raquo; через быстрое оформление заказа" href="#">Быстрый заказ</a></span>
и замените на:

<span style="display:block;padding-top:4px;"><a class="whtblue quick_b" onclick="quickorder('.goodsDataForm'); return false;" title="Заказать &laquo;{GOODS_NAME}&raquo; через быстрое оформление заказа" href="#">Быстрый заказ</a></span>


#14 house4toy

house4toy

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

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

Отправлено 16 Декабрь 2013 - 22:59

Просмотр сообщенияVaccina (14 Декабрь 2013 - 04:04) писал:

Редактор шаблонов main.css -Здесь мы стилизуем обычные кнопки как "В корзину":
.whtblue {background: url("http://design.house4toy.ru/whtblue-nor.jpg") repeat-x scroll center top rgba(0, 0, 0, 0);border: 2px solid #32CD32 !important;border-radius: 4px;color: #32CD32;cursor: pointer;font: bold 12px Verdana,Geneva,sans-serif;height: 27px;outline: medium none;padding: 5px 15px;}
Далее ниже добавляем:
.quick_b{}
И прописываем тут стили для кнопки быстрого заказа.Далее в шаблоне Товар найдите кнопку быстрого заказа:
[url="#"]Быстрый заказ[/url]
и замените на:
[url="#"]Быстрый заказ[/url]
Извините, но для меня все это темный лес.Удалось только изменить цвет обводки и текст кнопок. В принципе этот вариант меня устраивает. Только вот в каталоге, кнопка быстрый заказ очень нужно по центру и другого цвета, не такого же, как кнопка Купить.Вот мой код связанный с кнопками в main.css
/*Кнопки*/  .whtblue { border:2px solid #20B2AA !important; background:url({ASSETS_IMAGES_PATH}whtblue-nor.jpg) center top repeat-x; padding:5px 15px; font:bold 12px Verdana, Geneva, sans-serif; color:#20B2AA; height:27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none; }  @-moz-document url-prefix() { .whtblue { padding:2px 12px 5px 12px; height:27px; }  a.whtblue { padding:5px 12px 5px 12px; height:27px;} }  .whtblue:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }  .whtblue:active { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center bottom repeat; border:1px solid #5fa8c4; }  .whtgreen { border:1px solid #d0d0d0; background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center top  repeat-x; padding:4px 10px 2px 10px; font:normal 11px Verdana, Geneva, sans-serif; color:#3a3a3a;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}  @-moz-document url-prefix() { button.whtgreen { height:23px; padding:2px 10px 4px 10px; position:relative; top:1px; } }  .whtgreen:hover, .blgreen:hover   { background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center center repeat; border:1px solid #83a61d; color:#1c1c1c; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }  .whtgreen:active, .blgreen:active { background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center bottom repeat; }  .blgreen {  background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#494949; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding:4px 10px 2px 10px; //padding:1px 10px 0px 10px; //line-height:10px; font:normal 11px Verdana, Geneva, sans-serif;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer;}  .quick_b{background: url("http://design.house4toy.ru/whtblue-nor.jpg") repeat-x scroll center top rgba(0, 0, 0, 0);		border: 2px solid #43CD80 !important;		border-radius: 4px;		color: #43CD80;		cursor: pointer;		font: bold 12px Verdana,Geneva,sans-serif;		height: 27px;		outline: medium none;		padding: 5px 15px;}  a.blgreen, a.whtgreen, a.whtblue, a.whtgray { text-decoration:none; display:inline-block; height:15px; }  @-moz-document url-prefix() { button.blgreen { height:23px; padding:2px 10px 4px 10px;  } }  a.whtgray, button.whtgray  { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) top center no-repeat; width:138px; height:18px; padding:7px 0 6px 0; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; color:#3a3a3a; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); margin:0 10px 0 0;}  a.whtgray:hover, button.whtgray:hover { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) center center no-repeat; }  a.whtgray:active, button.whtgray:active { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) center bottom no-repeat; }  button.whtgray { float:left; height:31px; padding:4px 0 6px 0;  }  #mainindex button.blgreen { width:86px; float:left; margin:0 0 0 5px; padding-bottom:4px; }  #mainindex a.whtgreen { float:left; margin:0 0 0 30px; }  button:hover { cursor:pointer; }  input[type=submit].whtgreen, button.whtgreen { padding:4px 10px; }


#15 Vaccina

Vaccina

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

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

Отправлено 17 Декабрь 2013 - 05:52

Найдите:
#content .box .tabproduct .buttons .blgreen.quick {
	margin-right: 30px;
	margin-top: 5px;
}
Измените на:

#content .box .tabproduct .buttons .blgreen.quick {
	margin-top: 5px;
}
и добавьте стили для цвета кнопки

#16 house4toy

house4toy

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

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

Отправлено 17 Декабрь 2013 - 16:56

Просмотр сообщенияVaccina (17 Декабрь 2013 - 05:52) писал:

Найдите:
#content .box .tabproduct .buttons .blgreen.quick {
margin-right: 30px;
margin-top: 5px;
}
Измените на:

#content .box .tabproduct .buttons .blgreen.quick {
margin-top: 5px;
}
и добавьте стили для цвета кнопки
Ничего не изменилось.

#17 Vaccina

Vaccina

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

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

Отправлено 18 Декабрь 2013 - 05:20

на данный момент в каталоге кнопка "быстрый заказ" у вас по центру, только цвета не изменены, но об этом писала выше, что необходимо добавить стили

#18 Acum56

Acum56

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

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

Отправлено 18 Декабрь 2013 - 13:42

Уже много раз задавал вопрос в соседних ветках форума:
Подскажите как сделать чтобы быстрый заказ при нажатии пользователем по несколько раз на эту кнопку не дублировал количество заказываемых позиций одного и того же товара. Может логично прикрутить быстрый заказ не в конкретным шаблонам Товар или Товары а проще сделать:
После того как уже покупатель выбрал товары и переходит к 1-ому шагу оформления обычного заказа нажав на кнопку "Заказать на..." - и тут бы вылетал бы быстрый заказ??? Попробуйте вариант как здесь протестируйте - очень просто и легко http://www.rembtehnika.ru/

#19 house4toy

house4toy

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

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

Отправлено 18 Декабрь 2013 - 22:11

Просмотр сообщенияVaccina (18 Декабрь 2013 - 05:20) писал:

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

#20 Vaccina

Vaccina

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

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

Отправлено 19 Декабрь 2013 - 04:12

Просмотр сообщенияAcum56 (18 Декабрь 2013 - 13:42) писал:

Уже много раз задавал вопрос в соседних ветках форума:
Подскажите как сделать чтобы быстрый заказ при нажатии пользователем по несколько раз на эту кнопку не дублировал количество заказываемых позиций одного и того же товара. Может логично прикрутить быстрый заказ не в конкретным шаблонам Товар или Товары а проще сделать:
После того как уже покупатель выбрал товары и переходит к 1-ому шагу оформления обычного заказа нажав на кнопку "Заказать на..." - и тут бы вылетал бы быстрый заказ??? Попробуйте вариант как здесь протестируйте - очень просто и легко http://www.rembtehnika.ru/
Подобная тема обсуждалась по сл.ссылке:
http://forum.storela...аза/#entry83131

http://forum.storela...заказа-в-1-шаг/

Просмотр сообщенияhouse4toy (18 Декабрь 2013 - 22:11) писал:

Спасибо, может это от разрешения экрана зависит? У меня эта кнопка смещена влево.
с цветом не разобралась. Не могли бы Вы совсем детально описать процесс.
Заранее большое спасибо.

Цитата

Далее ниже добавляем:
.quick_b{}
Здесь прописываете стили для кнопки, например фон, цвет текста





Темы с аналогичным тегами заказ, fancybox, пластик

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

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