Legosp Forum

Shop-Script "Legosp" => Разработка => Тема начата: favn от Августа 06, 2011, 08:35:09 pm

Название: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: favn от Августа 06, 2011, 08:35:09 pm
На одном форуме увидел следующую альтернативу "перелета" картинки.

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

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


Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: trancep от Августа 10, 2011, 11:29:12 pm
В файле js шаманить надо.
Посмотрите примеры на jquery lightbox, thickbox и разберетесь.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: markus от Августа 17, 2011, 09:57:46 pm
между прочем очень полезная вещь!
было бы супер, если б такую фишку в следующий релиз включили
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: 364uDan от Августа 25, 2011, 01:18:16 pm
Хорошее дополнение для корзины, можно отследить что и сколько на заказывал товара.
А то по улетающей картинке не отследишь сколько раз нажал "Заказать".

Вот только как сделать это всплывающее окно, моих знаний не хватает.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Коля от Октября 01, 2011, 09:37:15 pm
После изменения работы корзины на первый вариант альтернативы "перелета" картинки, во всплывающем окне текст выдается аброкадаброй(ромбы с вопросами). В самой же корзине все отображается корректно. Подскажите, пожалуйста, в чем проблема?
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Коля от Октября 02, 2011, 12:12:28 pm
Данная проблема возникла на последней версии движка «Lego Edition SP 4.6» Сделал все как было написано, попробовал на другой теме, ситуация не изменилась. Сайт работает на денвере. Снимок прикрепил.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Коля от Октября 02, 2011, 02:41:33 pm
Пробовал внедрить второй вариант. В нем с кодировкой проблем нет, но есть небольшой недостаток. Всплывающее сообщение фиксируется на определенном расстоянии от верха страницы. Если товар находится в нижней части страницы и к нему необходимо спуститься, то выскакивающее сообщение уже не видно.  Можно ли в данном варианте добиться центровки сообщения относительно экрана, а не верхней части сайта? 
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: nictboom от Октября 02, 2011, 04:08:45 pm
Можно ли в данном варианте добиться центровки сообщения относительно экрана, а не верхней части сайта?
попробуйте так:
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>
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Коля от Октября 02, 2011, 04:38:06 pm
Благодарю! Это то, что нужно, работает отлично.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: df666 от Октября 22, 2011, 02:56:19 pm
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 если заказывать с витрины
Как сделать чтобы выводилась картинка товара?
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: nictboom от Октября 22, 2011, 08:54:44 pm
Help!...
Как сделать чтобы выводилась картинка товара?
Вы собственно о чём? куда вставляю? в какое окно?
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: df666 от Октября 23, 2011, 07:07:01 pm
[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

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

Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: FOX от Декабря 06, 2011, 12:42:20 am
SP5.0.0 денвер

Обнаружил беду. :(  В окне корзины не работает кнопка пересчитать. Думал, по началу, из-за изменений в shopping_cart.php ( делал всплывающее окно по варианту 1), но оказалось, что такая фигня изначально шла в дистрибутиве.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: pavelsmorchkov от Декабря 12, 2011, 10:48:25 pm
ребят такая проблема с выводом сообщения - на локальном работает, а на серве нет((( почему так?
<div id="divAdd2cart" ><br />Товар добавлен в корзину! <br><br><a class="add_cart" href="./cart/">Открыть корзину</a></div> я про это имею ввиду)
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: nictboom от Декабря 12, 2011, 11:46:51 pm
я ниЧЕГО не понял чё у Вас не так и как Вы хотите.
если Вы о доработках, которых нет в оф.релизе, то Вам прямая в тех .поддержку.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: pavelsmorchkov от Декабря 13, 2011, 01:29:57 am
речь идёт о 7 ответе в этом вопросе (ответ pehser)
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: pavelsmorchkov от Декабря 13, 2011, 10:36:12 am
ты сам то понял что пишешь??? я спрашиваю почему на денвере работает код а на серве нет!
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: searchingman от Декабря 13, 2011, 12:00:19 pm
ты сам то понял что пишешь??? я спрашиваю почему на денвере работает код а на серве нет!
Если вы действительно разработчик, каким вы себя пытаетесь представить, то как раз Вам и должно быть виднее какие у вас стоят компоненты на денвере и у реального хостера.

Что мешает уточнить у хостера или самому посмотреть phpinfo() ?
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: pavelsmorchkov от Декабря 13, 2011, 04:42:13 pm
так чё делать то нужно?
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: nictboom от Декабря 13, 2011, 06:27:01 pm
pavelsmorchkov, если речь о бренд-шоп.net, то там всплывает уведомление о заказе (смотрел в firefox, ie, opera).
единственное, что еже ли находишься в нижней части страницы, его при нажатии кнопки заказать не видно,
оно привязано к верхней части.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: pavelsmorchkov от Декабря 13, 2011, 06:35:05 pm
и правда работает в IE... дело было в хроме))
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: nictboom от Декабря 13, 2011, 07:17:19 pm
в хроме всё наоборот: окно внизу всплывает.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: richone от Декабря 13, 2011, 08:45:27 pm
лего сп 5.0 использовал первый вариант (Ответ #6), на появляющемся окне при нажатии на кнопку вернуться к покупкам перенаправляет на главную страницу, а не на той на которой был. Можно ли сделать чтоб после нажатия на нее оставался на той же странице?
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Алексей от Января 06, 2012, 09:21:42 am
Да Боже ж ты мой, вы хоть иногда используете поиск ?  >:(
На форуме уже как минимум 3 темы где поднимался этот вопрос, наберите в поиске (на главной форума а не в темах) кнопка пересчитать и получите 3 результата, вот один из них
http://forum.shop-script.org/index.php?topic=352.msg2695#msg2695

Только что скачал лего 5.02 (хотя при установке пришет 5.01). Установил, в корзину перелет работает на IE7, опере 11.60, и firefox 8.0.1.
Кнопка Пересчитать не работает в опере. Код, который нужно поменять - уже заменен. Как исправить то?

Прошу прощения! Переустановил Оперу - заработало!  :D
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Sergey C. от Января 18, 2012, 07:37:16 am
Еще такой вопрос.
Попытался подключить это все дело, через FancyBox.
Все работает, при нажатии на кнопочку вылетает фанси-бокс окошко с модальной корзиной, все как надо. (спасибо pehser за инструкцию)
но не работает в IE8 и IE7
Сообщение: Синтаксическая ошибка
Строка: 18
Символ: 7
Код: 0
URI-код: http://legoshop/catalog/mercedes/


Сообщение: Не удалось завершить действие.  Ошибка 80020101.
Строка: 2
Символ: 12342
Код: 0
URI-код: http://legoshop/core/js/js_jquery.js

Что это вообще такое? Почему?
Пробовал выводить просто корзину, без модальной опции, пробовал просто выводить корзину ссылку на корзину - не получается.
Хотя остальные файлы, как index.php?productID=1 и т.п. выводятся отлично.
В чем может быть проблема?
Спасибо.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: NEViL от Февраля 08, 2012, 08:12:02 pm
При выполнении действий указанных в 7 посту, "Хиты продаж" и "Метки" начинают тупить ! Метки тегов вообще пропадают, пишет вот такое
Цитировать
Облако тегов WP Cumulus, требует для просмотра ]]>Flash Player 9]]> или выше.

А хитов продаж становится 10, хотя в настройках 1...

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

Подскажите в чём проблема :
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: NEViL от Февраля 08, 2012, 08:34:50 pm
Ну проблема с js.
Попробуйте эти моменты и напишите помогло ли.
http://forum.shop-script.org/index.php?topic=399.msg2971#msg2971
http://forum.shop-script.org/index.php?topic=617.msg4797#msg4797

Не помогло, Всё те же проблемы !... Ставлю всё как было, Метки и Хиты нормально работают !
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: FOX от Февраля 25, 2012, 10:51:28 am
Сделал, что-то среднее между вариантом pehser (Ответ№7) и nictboom (ответ№12) Пришлось дорабатывать т.к. всплывающее окно имело размеры на весь экран.

1. в  js_scripts.js

//Тут же функции анимации и прочих красивостей


t=$('body').scrollTop();
elDiv = $('#divAdd2cart');
      elDiv.css({left: 30+'%', top: 40+'%', width: 450+'px', height: 150+'px', position: 'fixed'});
elDiv.show(500);
setTimeout("elDiv.hide(500);",15000); //15000 количество в миллисекунд через которое исчезнет уведомление

2/ в index.tpl.html

<div id="divAdd2cart" ><h1>Выбранный Вами товар добавлен в корзину! </h1>
<p>Вы можете:</p>
<p><a href="./cart/">Перейти в корзину для оформления заказа</a></p>
<p>или</p>
<p><a href="{$go_back}"><span>{$smarty.const.STRING_BACK_TO_SHOPPING}</span></a></p>
</div>

3. в CSS

#divAdd2cart{
  z-index:1000;
  background:#f5f3e4;
  border:1px solid #8a7721;
  font-weight:bold;
  color:#000000;
  padding-top:20px;
  font-size:14px;
  display:none;
  position:absolute; 
  text-align:center;}

Но, есть проблема! Если во всплывающем окне нажать "Вернуться к покупкам" то мы попадаем не на ту страницу где нажали "Заказать", а на предыдущую.
Понятно, что так работает переменная "$go_back", но как пофиксить?
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: FOX от Февраля 25, 2012, 03:18:18 pm
slamm, спасибо, как всегда выручил!
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Dead_barbi от Марта 30, 2012, 04:27:23 pm
Ув. разработчики у меня к вам такой вопрос: где в файле index.tpl.html прописан "перелет товара в корзину", не могу разобратся в механизме работы скрипта. Дело в том, что после верстки index.tpl.html данный механизм работать перестал, не пойму где я что удалил. http://metaldetector.16mb.com/ (http://metaldetector.16mb.com/)
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Юрий от Марта 30, 2012, 04:40:03 pm
Проверьте core/js/js_scripts.js код

                                var image = $('#dp'+curid).offset();
var cart  = $('#module_cart').offset();
$('#dp'+curid).before('<img src="' + $('#dp'+curid).attr('src') + '" id="temp" style="position: absolute; top: ' + image.top + 'px; left: ' + image.left + 'px;" />');
params = {
top : cart.top + 'px',
left : cart.left + 'px',
opacity : 0.0,
width : $('#module_cart').width(), 
heigth : $('#module_cart').height()
};
$('#temp').animate(params, 'slow', false, function () {
$('#temp').remove();
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: Dead_barbi от Марта 30, 2012, 05:13:25 pm
Спасибо завтыкал.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: vadkozh от Мая 02, 2012, 03:25:48 pm
Люди добрые,помогите новичку.

3. в CSS

Код: [Выделить]

#divAdd2cart{
  z-index:1000;
  background:#f5f3e4;
  border:1px solid #8a7721;
  font-weight:bold;
  color:#000000;
  padding-top:20px;
  font-size:14px;
  display:none;
  position:absolute; 
  text-align:center;}

Подскажите ,в CSS  в какую папку?Их там много.Или какую то новую надо создать?
Не пинайте пожалуйста.
Название: Re: Добавление в корзину (альтернатива "перелета" картинки)
Отправлено: QQ от Октября 07, 2013, 09:37:34 pm
<s>Доброго времени
Подскажите,не могу понять в чем проблема - в каталоге товаров при нажатии на кнопку заказать в ФФ ничего не происходит.В опере и ИЕ работает
Lego 6.1</s>

Таки извиняюсь,проблемы нет - работает везде,просто зашел через  Pale Moon,а не ФФ
Извиняюсь еще раз