вSimpla

Всплывающая корзина Simpla

Всплывающая корзина Simpla

В стандартной Симпле есть аяксовая корзина и она достаточно удобна. Но порой бывает необходимо показывать пользователю товар, который он собрал без перехода на страницу оформления заказа. Этим и займемся…

В стандартной Симпле по-умолчанию идет плагин Fancybox для отображения увеличеннных картинок. В возможностях этого плагина есть также способность отображать inline контент и вызов окна с помощью методов. Это и используем.

Первым делом выведем в аяксовой корзине заказанный товар. Открываем файл design/[ваш_шаблон]/html/cart_informer.tpl и делаем его содержимое

 

Поскольку в переменной $cart уже передается все содержимое, то мы без труда его выведем. Однако надо поправить немного стили, т.к. мы добавили блок cart_popup: открываем файл design/[ваш_шаблон]/css/style.css и в конец файла дописываем

 

Это мы выставили ширину самого popup-блока и “раскидали” кнопки по сторонам.

Осталась самая малости – показать корзину при добавлении товара. Модифицируем наш файл design/[ваш_шаблон]/js/ajax_cart.js, добавим после

блок вызова окна

 

По идее это все манипуляции 🙂 Настройте стили корзины под себя и пользуйтесь. Что получилось вкупе на картинке ниже

popup_cart

Пожалуйста, оцените материал

Внимание! Если Вы обнаружили ошибки или нерабочие ссылки в тексте, пожалуйста, сообщите мне.

Похожие посты

Автор:

Веб-разработчик. Работа с проектами простой и средней сложности. Верстка, программирование. Simpla, Drupal, Wordpress.

Оставить комментарий

Ваш e-mail не будет опубликован.