сообщение при добавлении товара в корзину

#
сообщение при добавлении товара в корзину
добрый вечер!
подскажите пожалуйста, как сделать выскакивающее сообщение при добавлении точара в корзину?
сообщение такого типа:
после того как нажали на кнопку добавления в корзину товара, выскакивает сообщение с двумя кнопками
1-я кнопка "оформить заказ"
2-я кнопка "перейти в корзину"
как сделано на сайте http://www.qpteddy.ru ?
подскажите плз. уже замучалась искать решение
#
Re: сообщение при добавлении товара в корзину
Полезная функция. Может быть кто-нибудь подскажет, как ее реализовать?
iNikSite - дизайн и фронтенд разработка
#
Re: сообщение при добавлении товара в корзину
скрипт: http://www.altay-magazin.ru/hostcmsfiles/js/tooltip.js
его подключаем в макете.
потов в макете: /templates/template1/hostcms.js - там исправления сотрите (не забываем свой хост указать):
var prev_comment = 0;

//Функция сообщения о добавлении в корзину
function gotocart(text){
   var dialogbox = document.getElementById('dialog_box');
   
   if(text == 'yes'){
      dialogbox.style.visibility = "hidden";
      location.href = "http://www.altay-magazin.ru/shop/cart/";
   }
   else
      dialogbox.style.visibility = "hidden";
}

function dialog(){
   var dialogbox = document.getElementById('dialog_box');
   dialogbox.style.visibility = "visible";      //Показываем сообщение о том, что товар добавлен в корзину   
}

// Ответ на комментарий
function cr(comment_id)
{
   if (prev_comment && prev_comment != comment_id)
   {
      document.getElementById(prev_comment).style.display = 'none';
   }

   var div = document.getElementById(comment_id);
   
   if (div.style.display != 'block')
   {
      div.style.display = 'block';
   }
   else
   {
      div.style.display = 'none';
   }

   prev_comment = comment_id;
}

var temp_ChildId = '';
var temp_CurrenElementId = '';
var menu_timeout_id = 0;
var filter_timeout_id = 0;

// обработчик наведения мыши на меню
function TopMenuOver(CurrenElementId, ChildId)
{
   clearTimeout(menu_timeout_id);

   if (temp_CurrenElementId != ''
   && temp_CurrenElementId != CurrenElementId)
   {
      var oTemp_ChildId = document.getElementById(temp_ChildId);

      if (oTemp_ChildId)
      {
         oTemp_ChildId.style.display = "none";
      }
   }

   temp_ChildId = ChildId;
   temp_CurrenElementId = CurrenElementId;

   if (CurrenElementId == undefined)
   {
      return false;
   }

   if (ChildId != '')
   {
      var oChildId = document.getElementById(ChildId);

      if (oChildId)
      {
         oChildId.style.display = "block";
         //oChildId.style.opacity = 0.4;
         //   oChildId.style.filter = 'alpha(opacity=100, style=1, finishopacity=60)';
         //oChildId.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=0, style=0)";
      }
   }
}

// обработчик уведения мыши с меню
function TopMenuOut(CurrenElementId, ChildId)
{
   if (CurrenElementId == undefined)
   {
      return false;
   }

   if (ChildId != '')
   {
      var oChildId = document.getElementById(ChildId);
      if (oChildId)
      {
         menu_timeout_id = setTimeout(function (){oChildId.style.display = "none"}, 300);
      }
   }
}

// Функция обратного вызова для AddIntoCart
function callbackfunction_AddIntoCart(responseJS)
{
   // Результат принят
   sended_request = false;
   
   if (typeof responseJS != 'undefined')
   {
      // Данные.
      if (typeof responseJS.cart != 'undefined')
      {
         html = responseJS.cart;

         var little_cart = document.getElementById('little_cart');
         
         if (little_cart)
         {
            little_cart.innerHTML = html;
            dialog();
         }
         else
         {
            alert('Ошибка! Краткая корзина не найдена');
         }
      }
   }
}

function AddIntoCart(shop_path, item_id, item_count)
{
   //location.href = shop_path + 'cart/?ajax_add_item_id=' + item_id + '&count=' + item_count;
   cmsrequest = shop_path + 'cart/?ajax_add_item_id=' + item_id + '&count=' + item_count;
   
   // Отправляем запрос backend-у
   sendRequest(cmsrequest, 'get', callbackfunction_AddIntoCart);
   
   return false;
}

// Установка или снятие всех флажков для checkbox'ов элементов.
function SelectAllItems(ASelect, prefix)
{
   element_array = document.getElementsByTagName("input");
   if (element_array.length > 0)
   {
      for (var i = 0; i < element_array.length; i++)
      {
         if (element_array[i].name.search(prefix) != -1)
         {
            // Устанавливаем checked
            element_array[i].checked = ASelect;
         }
      }

   }
}

В макете же в теле (гденить в конце) ставим:
<noindex><div id="mess"></div>
                               <div id="dialog_box"><p style="margin-top: 0;"> Товар успешно добавлен в корзину!</p>
<input type="button" value="Оформить заказ" onclick="gotocart('yes');"/>&nbsp<input type="button" value="Вернуться в каталог" onclick="gotocart('no');" /></div></noindex>

в макете же добавляете стили:

#mess{
       visibility: hidden;
       position: absolute;
       background: #77d100;
       padding: 5px;
}
#dialog_box {
     visibility: hidden;
     position: fixed;
     background: #2e7d00;
     z-index: 102;
     color:#fff;
     text-align: center;
     top:50%;
     left:37%;
border: 15px double #fff;
     padding: 20px;
}
*html #dialog_box{
   position: absolute;
}

и ещё гдето скрипт прикурить надо... а.. вот:
http://www.altay-magazin.ru/hostcmsfiles/js/tooltip.js
тоже в шапке макета...
Вроде всё... если ничего не забыл...
#
Re: сообщение при добавлении товара в корзину
туда можно ещё корзину краткую вписать и при появлении этого окна пользователю заодно выдаётся сколько у него товаров в корзине, на какую сумму, и вес...

Вот только тогда ни в каком другом месте не вывести тогда корзину краткую. Точнее можно но тогда в одной из двух корзин кратких инфа не будет в режиме онлайн обновлятся...
#
Re: сообщение при добавлении товара в корзину
kvasiliy,спасибо большое! помогли очень!


p.s. может Вы еще знаете как сделать чтобы квитанция пд-4 отправлялась на почту в формате jpg или rtf?
Модератор
#
Re: сообщение при добавлении товара в корзину
tory,
необходимо реализовать кодировщик, который из HTML сделает JPG или RTF.
#
Re: сообщение при добавлении товара в корзину
HostCMS,
чет перерыли все кроме как кодировщика в пдф ничего не нашли, может ссылочкой поделитесь если есть?
#
Re: сообщение при добавлении товара в корзину
Возьмите скрипт отсюда и допишите в тело обработчика click показ окна с сообщением.
#
Re: сообщение при добавлении товара в корзину
подскажите пожалуйста еще один момент, что -то найти не могу, в каком куске кода указывается на скрипт: /templates/template1/hostcms.js.   если используется "многосайтовость" то все сайты открывают корзину первого магазина
#
Re: сообщение при добавлении товара в корзину
разобрались. спасибо!
Авторизация