Legosp Forum
Shop-Script "Legosp" => Разработка => Тема начата: favn от Августа 06, 2011, 08:35:09 pm
-
На одном форуме увидел следующую альтернативу "перелета" картинки.
Смысл заключается в том, что при нажатии кнопки "Заказать" выпадает окно с информацией того что вы заказали + выбором продолжать покупку или идти в корзину оформлять товар.
Пример на скриншоте (см.вложение)
и сам сайт, где это реализовано [spoiler]http://mizo.com.ua[/spoiler]
Как такое сделать ?
-
В файле js шаманить надо.
Посмотрите примеры на jquery lightbox, thickbox и разберетесь.
-
между прочем очень полезная вещь!
было бы супер, если б такую фишку в следующий релиз включили
-
Хорошее дополнение для корзины, можно отследить что и сколько на заказывал товара.
А то по улетающей картинке не отследишь сколько раз нажал "Заказать".
Вот только как сделать это всплывающее окно, моих знаний не хватает.
-
После изменения работы корзины на первый вариант альтернативы "перелета" картинки, во всплывающем окне текст выдается аброкадаброй(ромбы с вопросами). В самой же корзине все отображается корректно. Подскажите, пожалуйста, в чем проблема?
-
Данная проблема возникла на последней версии движка «Lego Edition SP 4.6» Сделал все как было написано, попробовал на другой теме, ситуация не изменилась. Сайт работает на денвере. Снимок прикрепил.
-
Пробовал внедрить второй вариант. В нем с кодировкой проблем нет, но есть небольшой недостаток. Всплывающее сообщение фиксируется на определенном расстоянии от верха страницы. Если товар находится в нижней части страницы и к нему необходимо спуститься, то выскакивающее сообщение уже не видно. Можно ли в данном варианте добиться центровки сообщения относительно экрана, а не верхней части сайта?
-
Можно ли в данном варианте добиться центровки сообщения относительно экрана, а не верхней части сайта?
попробуйте так:
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>
-
Благодарю! Это то, что нужно, работает отлично.
-
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:'"':'"'}" />
{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 если заказывать с витрины
Как сделать чтобы выводилась картинка товара?
-
Help!...
Как сделать чтобы выводилась картинка товара?
Вы собственно о чём? куда вставляю? в какое окно?
-
[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:'"':'"'}" />
{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
Так вот, всё хорошо когда делаешь заказ в расширенном описании товара, а вот когда с витрины, почему то отображается только картинка по умолчанию. Не могу понять. Почему??? ???
-
SP5.0.0 денвер
Обнаружил беду. :( В окне корзины не работает кнопка пересчитать. Думал, по началу, из-за изменений в shopping_cart.php ( делал всплывающее окно по варианту 1), но оказалось, что такая фигня изначально шла в дистрибутиве.
-
ребят такая проблема с выводом сообщения - на локальном работает, а на серве нет((( почему так?
<div id="divAdd2cart" ><br />Товар добавлен в корзину! <br><br><a class="add_cart" href="./cart/">Открыть корзину</a></div> я про это имею ввиду)
-
я ниЧЕГО не понял чё у Вас не так и как Вы хотите.
если Вы о доработках, которых нет в оф.релизе, то Вам прямая в тех .поддержку.
-
речь идёт о 7 ответе в этом вопросе (ответ pehser)
-
ты сам то понял что пишешь??? я спрашиваю почему на денвере работает код а на серве нет!
-
ты сам то понял что пишешь??? я спрашиваю почему на денвере работает код а на серве нет!
Если вы действительно разработчик, каким вы себя пытаетесь представить, то как раз Вам и должно быть виднее какие у вас стоят компоненты на денвере и у реального хостера.
Что мешает уточнить у хостера или самому посмотреть phpinfo() ?
-
так чё делать то нужно?
-
pavelsmorchkov, если речь о бренд-шоп.net, то там всплывает уведомление о заказе (смотрел в firefox, ie, opera).
единственное, что еже ли находишься в нижней части страницы, его при нажатии кнопки заказать не видно,
оно привязано к верхней части.
-
и правда работает в IE... дело было в хроме))
-
в хроме всё наоборот: окно внизу всплывает.
-
лего сп 5.0 использовал первый вариант (Ответ #6), на появляющемся окне при нажатии на кнопку вернуться к покупкам перенаправляет на главную страницу, а не на той на которой был. Можно ли сделать чтоб после нажатия на нее оставался на той же странице?
-
Да Боже ж ты мой, вы хоть иногда используете поиск ? >:(
На форуме уже как минимум 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
-
Еще такой вопрос.
Попытался подключить это все дело, через 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 и т.п. выводятся отлично.
В чем может быть проблема?
Спасибо.
-
При выполнении действий указанных в 7 посту, "Хиты продаж" и "Метки" начинают тупить ! Метки тегов вообще пропадают, пишет вот такое
Облако тегов WP Cumulus, требует для просмотра ]]>Flash Player 9]]> или выше.
А хитов продаж становится 10, хотя в настройках 1...
И при нажатии на кнопку "Заказать" сразу кидает в корзину!
Подскажите в чём проблема :
-
Ну проблема с js.
Попробуйте эти моменты и напишите помогло ли.
http://forum.shop-script.org/index.php?topic=399.msg2971#msg2971
http://forum.shop-script.org/index.php?topic=617.msg4797#msg4797
Не помогло, Всё те же проблемы !... Ставлю всё как было, Метки и Хиты нормально работают !
-
Сделал, что-то среднее между вариантом 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", но как пофиксить?
-
slamm, спасибо, как всегда выручил!
-
Ув. разработчики у меня к вам такой вопрос: где в файле index.tpl.html прописан "перелет товара в корзину", не могу разобратся в механизме работы скрипта. Дело в том, что после верстки index.tpl.html данный механизм работать перестал, не пойму где я что удалил. http://metaldetector.16mb.com/ (http://metaldetector.16mb.com/)
-
Проверьте 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();
-
Спасибо завтыкал.
-
Люди добрые,помогите новичку.
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 в какую папку?Их там много.Или какую то новую надо создать?
Не пинайте пожалуйста.
-
<s>Доброго времени
Подскажите,не могу понять в чем проблема - в каталоге товаров при нажатии на кнопку заказать в ФФ ничего не происходит.В опере и ИЕ работает
Lego 6.1</s>
Таки извиняюсь,проблемы нет - работает везде,просто зашел через Pale Moon,а не ФФ
Извиняюсь еще раз