Автор Тема: Добавление в корзину (альтернатива "перелета" картинки)  (Прочитано 15350 раз)

Оффлайн favn

  • Спец
  • ***
  • Сообщений: 121
    • Просмотр профиля
На одном форуме увидел следующую альтернативу "перелета" картинки.

Смысл заключается в том, что при нажатии кнопки "Заказать" выпадает окно с информацией того что вы заказали + выбором продолжать покупку или идти в корзину оформлять товар.
Пример на скриншоте (см.вложение)
и сам сайт, где это реализовано [spoiler]http://mizo.com.ua[/spoiler]

Как такое сделать ?



trancep

  • Гость
В файле js шаманить надо.
Посмотрите примеры на jquery lightbox, thickbox и разберетесь.

markus

  • Гость
между прочем очень полезная вещь!
было бы супер, если б такую фишку в следующий релиз включили

364uDan

  • Гость
Хорошее дополнение для корзины, можно отследить что и сколько на заказывал товара.
А то по улетающей картинке не отследишь сколько раз нажал "Заказать".

Вот только как сделать это всплывающее окно, моих знаний не хватает.

Коля

  • Гость
После изменения работы корзины на первый вариант альтернативы "перелета" картинки, во всплывающем окне текст выдается аброкадаброй(ромбы с вопросами). В самой же корзине все отображается корректно. Подскажите, пожалуйста, в чем проблема?

Коля

  • Гость
Данная проблема возникла на последней версии движка «Lego Edition SP 4.6» Сделал все как было написано, попробовал на другой теме, ситуация не изменилась. Сайт работает на денвере. Снимок прикрепил.

Коля

  • Гость
Пробовал внедрить второй вариант. В нем с кодировкой проблем нет, но есть небольшой недостаток. Всплывающее сообщение фиксируется на определенном расстоянии от верха страницы. Если товар находится в нижней части страницы и к нему необходимо спуститься, то выскакивающее сообщение уже не видно.  Можно ли в данном варианте добиться центровки сообщения относительно экрана, а не верхней части сайта? 

nictboom

  • Гость
Можно ли в данном варианте добиться центровки сообщения относительно экрана, а не верхней части сайта?
попробуйте так:
1. в css заменить#divAdd2cart
{
  z-index:100;
  display:none;
  position:absolute;
}
.divAdd2_cart
{
  z-index:1000;
  background:#f9e0ae;
  border:1px solid #FF0000;
  font-weight:bold;
  color:#000000;
  font-size:16px;
  position:absolute;
  top: 30%;
  left:35%;
  width:300px;
  min-height:100px;
  text-align:center;
  padding-bottom:10px;
}
ну стиль сами под себя подтянете.
2. в js_scripts.js заменить на t=$('body').scrollTop();
elDiv = $('#divAdd2cart');
      elDiv.css({left: 0, top: 0, width: 100+'%', height: 100+'%', position: 'fixed'});
elDiv.show(500);
setTimeout("elDiv.hide(500);",5000); //2500 количество в миллисекунд через которое исчезнет уведомление
3.в файле index.tpl.html заменить на <div id="divAdd2cart" ><div class="divAdd2_cart"><br />Товар добавлен в корзину! <br>
<br><a class="add_cart" href="./cart/">Открыть корзину</a></div></div>
« Последнее редактирование: Октября 02, 2011, 04:10:41 pm от nictboom »

Коля

  • Гость
Благодарю! Это то, что нужно, работает отлично.

df666

  • Гость
Help! В ставляю в получившееся окно код:{if $product_info[7] || $p_default[$id]}
	
	
  <
img id="dp{$product_info[11]}src="./products_pictures/{if $p_default[$id]}{$p_default[$id]}-S.jpg{else}{$product_info[7]}{/if}" alt="{$product_info[1]|replace:'"':'&quot;'}/>
                  {
assign var="pict" value=$product_info[7]}
{else}
	
	
  <
img id="dp{$product_info[11]}src="./products_pictures/nophoto.jpg" alt="No photo" width="120px" height="120px" />
                  {
assign var="pict" value='nophoto.jpg'
                  
{/if}

Выводит картинку /products_pictures/nophoto.jpg если заказывать с витрины
Как сделать чтобы выводилась картинка товара?

nictboom

  • Гость
Help!...
Как сделать чтобы выводилась картинка товара?
Вы собственно о чём? куда вставляю? в какое окно?

df666

  • Гость
[spoiler]
Цитировать
попробуйте так:
1. в css заменить
Код: [Выделить]
#divAdd2cart
{
  z-index:100;
  display:none;
  position:absolute;
}
.divAdd2_cart
{
  z-index:1000;
  background:#f9e0ae;
  border:1px solid #FF0000;
  font-weight:bold;
  color:#000000;
  font-size:16px;
  position:absolute;
  top: 30%;
  left:35%;
  width:300px;
  min-height:100px;
  text-align:center;
  padding-bottom:10px;
}
ну стиль сами под себя подтянете.
2. в js_scripts.js заменить на
Код: [Выделить]
t=$('body').scrollTop();
   elDiv = $('#divAdd2cart');
         elDiv.css({left: 0, top: 0, width: 100+'%', height: 100+'%', position: 'fixed'});
   elDiv.show(500);
   setTimeout("elDiv.hide(500);",5000); //2500 количество в миллисекунд через которое исчезнет уведомление
3.в файле index.tpl.html заменить на
Код: [Выделить]
<div id="divAdd2cart" ><div class="divAdd2_cart"><br />Товар добавлен в корзину! <br>
<br><a class="add_cart" href="./cart/">Открыть корзину</a></div></div>
[/spoiler]

Вот это всплывающее окошко, кстати твоё! http://forum.shop-script.org/index.php?topic=104.0

Далее в index.tpl.html вставляю код:[spoiler]
Цитировать
{if $product_info[7] || $p_default[$id]}
        <img id="dp{$product_info[11]}" src="./products_pictures/{if $p_default[$id]}{$p_default[$id]}-S.jpg{else}{$product_info[7]}{/if}" alt="{$product_info[1]|replace:'"':'&quot;'}" />
                  {assign var="pict" value=$product_info[7]}
{else}
        <img id="dp{$product_info[11]}" src="./products_pictures/nophoto.jpg" alt="No photo" width="120px" height="120px" />
                  {assign var="pict" value='nophoto.jpg'}
                 
{/if}
[/spoiler]

По идее теперь в окошке должна появляться картинка товара, а если её нет, то изо по умолчанию тоесть /products_pictures/nophoto.jpg

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

« Последнее редактирование: Октября 23, 2011, 08:04:54 pm от nictboom »

Оффлайн FOX

  • Пользователь
  • **
  • Сообщений: 89
    • Просмотр профиля
    • Надувные лодки ARGO
SP5.0.0 денвер

Обнаружил беду. :(  В окне корзины не работает кнопка пересчитать. Думал, по началу, из-за изменений в shopping_cart.php ( делал всплывающее окно по варианту 1), но оказалось, что такая фигня изначально шла в дистрибутиве.

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
ребят такая проблема с выводом сообщения - на локальном работает, а на серве нет((( почему так?
<div id="divAdd2cart" ><br />Товар добавлен в корзину! <br><br><a class="add_cart" href="./cart/">Открыть корзину</a></div> я про это имею ввиду)

nictboom

  • Гость
я ниЧЕГО не понял чё у Вас не так и как Вы хотите.
если Вы о доработках, которых нет в оф.релизе, то Вам прямая в тех .поддержку.
« Последнее редактирование: Декабря 13, 2011, 12:17:33 am от nictboom »