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


Быстрое Оформление Заказа В Шаблоне Мокко

заказ оформление css js код инструкция

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

#1 Koderhan

Koderhan

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

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

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

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


В файле "HTML" заменим скрипты и стили. Скрипты взяли из шаблона "Пластик".
Код:
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>
Заменить:
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/jquery.fancybox-1.3.4.min.css" type="text/css" />
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom_fancybox-1.3.4.version2.min.js"></script>
ScreenShot 950.png ScreenShot 951.png

Теперь уже можно добавлять кнопки быстрого заказа. Для начала добавим кнопку в каталоге товаров.
После кода:
<div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>
Добавить:

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="quick2" 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>
</p>
</form>
ScreenShot 954.png

И добавить в конец файла "main.css" код:
a.quick2 {
color: black;
padding: 0px 0px;
}
a.quick2 span {
padding: 2px 4px !important;
}
Теперь у некоторых товаров может не помещаться кнопка "Быстрый заказ".
ScreenShot 955.png
Можно это исправить в файле main.css изменив стили.
Код:
.goodsListItemBlock				 {height:200px;margin:5px;overflow:hidden;}
Заменить:
.goodsListItemBlock				 {height:230px;margin:5px;overflow:hidden;}
ScreenShot 956.png

Добавления кнопки в карточку заказа.
В файле "Товар". После кода:
<input type="submit" value="Положить в корзину" style="width:200px;" />
Добавить:
<input type="submit" class="quick3" onclick="quickorder('.goodsDataForm'); return false;" value="Быстрый заказ" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#" style="width:200px;"/>
ScreenShot 957.png

Вот что получилось:
форма быстрого заказа.jpg

#2 vzlomshik121

vzlomshik121

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

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

Отправлено 09 Февраль 2014 - 00:18

Второй код находится не в "товары"  а в HTML.

Исправьте ошибку, а то люди запутаются)

#3 Ivan_M

Ivan_M

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

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

Отправлено 01 Май 2014 - 11:37

Прошу дать инструкцию по замене пошаговой системы заказа на быструю, для моего сайта именно т.к. много переделано, пока это необходимо реализовать только в корзине (когда человек уже там)

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

  • корзинка.JPG


#4 MikDark

MikDark

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

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

Отправлено 01 Май 2014 - 11:50

Просмотр сообщенияIvan_M (01 Май 2014 - 11:37) писал:

Прошу дать инструкцию по замене пошаговой системы заказа на быструю, для моего сайта именно т.к. много переделано, пока это необходимо реализовать только в корзине (когда человек уже там)

Быстрый заказ подразумевает заказ одного конкретного товара. В корзине же может находиться различное количество товара, поэтому сделать такую функцию возможности нет.

#5 Ivan_M

Ivan_M

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

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

Отправлено 01 Май 2014 - 12:41

Просмотр сообщенияMikDark (01 Май 2014 - 11:50) писал:

Быстрый заказ подразумевает заказ одного конкретного товара. В корзине же может находиться различное количество товара, поэтому сделать такую функцию возможности нет.

плохо

Тогда прошу дать инструкцию по замене пошаговой системы заказа на быструю, для моего сайта именно т.к. много переделано.

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

  • быстр закза.JPG


#6 Ирина345

Ирина345

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

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

Отправлено 01 Май 2014 - 12:53

Просмотр сообщенияIvan_M (01 Май 2014 - 12:41) писал:

плохо

Тогда прошу дать инструкцию по замене пошаговой системы заказа на быструю, для моего сайта именно т.к. много переделано.
Здравствуйте, почитайте информацию по этой ссылке
http://forum.storela...-всех-шаблонов/

#7 Ivan_M

Ivan_M

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

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

Отправлено 01 Май 2014 - 14:11

Сделал все по инструкции - получилось с косяками, прошу помочь подправить:

1) http://homeartshop.ru/catalog/new - необходимо ссылку оформить в кнопку (идентичную кнопке "в корзину") и разместить ее под ней.

2)http://homeartshop.ru/  - на главной странице тоже нужно добавить кнопку быстрого заказа аналогичную

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

  • быстр зак.1.JPG


#8 Ирина345

Ирина345

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

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

Отправлено 01 Май 2014 - 15:19

Просмотр сообщенияIvan_M (01 Май 2014 - 14:11) писал:

Сделал все по инструкции - получилось с косяками, прошу помочь подправить:

1) http://homeartshop.ru/catalog/new - необходимо ссылку оформить в кнопку (идентичную кнопке "в корзину") и разместить ее под ней.

2)http://homeartshop.ru/  - на главной странице тоже нужно добавить кнопку быстрого заказа аналогичную
1.Зайдите в шаблон Товары и найдите
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="quick2" 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>
</p>
замените на


<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="quick2" 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; в корзину"style=" width: 80px; background: seagreen; border-radius: 7px 7px 7px 7px; float: left; margin-left: 81px; padding: 0.7px; color: white; font-size: 11px; margin-bottom: 3px;">Быстрый заказ</a>
2.Зайдите в HTML и перед строчкой
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
вставьте
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="quick2" 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; в корзину"style=" width: 80px; background: seagreen; border-radius: 7px 7px 7px 7px; float: left; margin-left: 81px; padding: 0.7px; color: white; font-size: 11px; margin-bottom: 3px; ">Быстрый заказ</a>
</form>


#9 Ivan_M

Ivan_M

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

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

Отправлено 01 Май 2014 - 18:00

1. http://homeartshop.ru/catalog/new м/д "в корзину" и "быстрый заказ" пару мм расстояние надо сделать
2. и как  "бытр. зак." поместить над "в корзину"

#10 Ирина345

Ирина345

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

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

Отправлено 01 Май 2014 - 18:19

Просмотр сообщенияIvan_M (01 Май 2014 - 18:00) писал:

1. http://homeartshop.ru/catalog/new м/д "в корзину" и "быстрый заказ" пару мм расстояние надо сделать
2. и как  "бытр. зак." поместить над "в корзину"
1. В шаблоне товары найдите
<input type="submit" value="В корзину" style="width:70px; background:SeaGreen; border-radius: 7px 7px 7px 7px;float:left;margin-left:90px;padding:0.7px;color:white; font-size: 11px;" />
замените на
<input type="submit" value="В корзину" style="width:70px; background:SeaGreen; border-radius: 7px 7px 7px 7px;float:left;margin-left:90px;padding:0.7px;color:white; font-size: 11px;margin-bottom: 5px;" />
2.
так в шаблоне Товары найдите
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<input type="submit" value="В корзину" style="width:70px; background:SeaGreen; border-radius: 7px 7px 7px 7px;float:left;margin-left:90px;padding:0.7px;color:white; font-size: 11px;" />
</form> 
и поместите этот код под

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="quick2" 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; в корзину"style=" width: 80px; background: seagreen; border-radius: 7px 7px 7px 7px; float: left; margin-left: 81px; padding: 0.7px; color: white; font-size: 11px; margin-bottom: 3px;">Быстрый заказ</a>
</form>


#11 Ivan_M

Ivan_M

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

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

Отправлено 01 Май 2014 - 21:43

подскажите как "купить" кнопку переименовать в кнопку "в корзину"

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

  • Безымянныйрпр.JPG


#12 Ирина345

Ирина345

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

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

Отправлено 02 Май 2014 - 10:42

Просмотр сообщенияIvan_M (01 Май 2014 - 21:43) писал:

подскажите как "купить" кнопку переименовать в кнопку "в корзину"
Здравствуйте, сто бы произвести необходимые изменения Вам нужно
в шаблоне Товар найти строку
<input type="submit" value="Купить"; style="width:150px;" />
вместо Купить напишите В корзину

#13 Ivan_M

Ivan_M

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

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

Отправлено 02 Май 2014 - 15:30

Зашел на сайт с айпада пишет ошибка и кнопка "быстрый заказ" неработает!! Нужно срочно исправлять..


#14 Ирина345

Ирина345

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

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

Отправлено 02 Май 2014 - 15:51

Просмотр сообщенияIvan_M (02 Май 2014 - 15:30) писал:

Зашел на сайт с айпада пишет ошибка и кнопка "быстрый заказ" неработает!! Нужно срочно исправлять..
Попробуйте поменять браузер на айпаде.

#15 Ivan_M

Ivan_M

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

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

Отправлено 04 Май 2014 - 16:21

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

#16 Ivan_M

Ivan_M

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

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

Отправлено 04 Май 2014 - 16:58

к этой же теме -
1.как убрать подчеркивание с надписи "быстрый заказ" при наведении на кнопку мыши http://homeartshop.ru/

2. надо кнопки "быстрый заказ! и "в корзину" сделать в едином стиле полностью, тогда может и отображаться во всех браузерах будет нормально

#17 Ivan_M

Ivan_M

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

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

Отправлено 04 Май 2014 - 17:09

при выделении области кнопка "в корзину" не выделяется, а кнопка "быстрый заказ" выделяется - необходимо сделать что бы не выделялась также как и "в корзину"

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

  • бзак.JPG


#18 Dars

Dars

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

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

Отправлено 05 Май 2014 - 11:24

Просмотр сообщенияIvan_M (04 Май 2014 - 16:58) писал:

к этой же теме -
1.как убрать подчеркивание с надписи "быстрый заказ" при наведении на кнопку мыши http://homeartshop.ru/
Добавьте в main.css строчку:
a:hover.quick2 {text-decoration:none;}


#19 Ivan_M

Ivan_M

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

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

Отправлено 05 Май 2014 - 13:18

Просмотр сообщенияIvan_M (04 Май 2014 - 17:09) писал:

при выделении области кнопка "в корзину" не выделяется, а кнопка "быстрый заказ" выделяется - необходимо сделать что бы не выделялась также как и "в корзину"

что по поводу этого вопроса???

#20 Ivan_M

Ivan_M

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

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

Отправлено 05 Май 2014 - 13:47

как менять цвет заливки кнопки быстрый заказ и цвет шрифта тут http://homeartshop.ru/ и в каталоге http://homeartshop.ru/catalog





Темы с аналогичным тегами заказ, оформление, css, js, код, инструкция

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

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