Плагин "Добавить в избранное" для интернет-магазина ...

Эта публикация продолжает цикл статей, посвященных скриптам, кодам и плагинам для расширения возможностей интернет-магазина на конструкторе сайтов WebsiteX5. Сейчас пойдет речь о плагине для добавления понравившихся товаров в избранное. В данном случае - это не закладки браузера, а раздел сайта, в который пользователь сможет отобрать понравившиеся товары. В интеренет-магазинах этот раздел может называться по разному: "мои желания", "список желаний", "понравившиеся товары" и т.д. 

Суть работы  плагина заключается в следующем: для каждого  товара на сайте будет добавлена ссылка для сохранения в Избранном.  Пользователю не нужно будет засорять закладки своего браузера, чтобы сохранить ссылку на понравившийся товар, мы сохраним ее для него в данных сайта. Пользователю необязательно авторизоваться, ссылки, добавленные им, будут храниться на том компьютере и в том браузере, где он открыл данный интернет-магазин. В проекте Website X5 необходимо будет создать страницу, на которой будут выводиться карточки товаров, добавленных в Избранное.  

Демонстрация работы скрипта находится здесь. Для добавления/удаления понравившихся товаров нажмите зведочку в левом верхнем углу карточки товара. Список ваших отобранных товаров можно посмотреть, перейдя по ссылке "Избранное" в меню.

Базовую версию плагина можно сачать бесплатно по ссылке внизу статьи.

Для установки скрипта надо сделать следующее.

1. Создать страницу для товаров, добавленных пользователем в Избранное, задать в свойствах страницы ее имя файла  favourites и  задать расширение php на вкладке "Эксперт". 
   
   
2. В той части страницы favourites.php, где должны будут выводиться карточки добавленных товаров, вставить  объект  html-код (высота 0 , без полос  прокрутки) с  кодом:
   
   

   <?php require_once("add_live_search.php"); ?> 

   
   (Использую немного усовершенствованный php - движок, который я сделал для скрипта "Живого поиска". Поэтому имя файла я оставил прежнее).
   
   
3. На странице favourites.php вставить объект «Каталог товаров»  (такой же ширины, как HTML объект в п.2) с одной или несколькими карточками. Сами эти карточки отображаться на сайте не будут, также как в случае со скриптом "Живой поиск", но размеры и оформление их будут служить шаблоном для товаров, добавленных в Избранное. Карточка–шаблон должна быть с полным набором полей, включая поле “Параметры” (“Опции”). Это может быть любой товар из вашего каталога или специально созданный пустой «шаблон».
   Если вы хотите, чтобы избранные товары отображались в один столбец, одна под другой, то сделайте одну карточку-шаблон, укажите в настройках "1 карточка в строке". Если надо, чтобы избранные товары выводились в два столбца, то сделайте две карточки, укажите в настройках объекта «Каталог товаров» : "2  в строке". 
   
   
4. В расширенных настройках “Статистика,СЕО,Код/Перед закрывающим тегом body” вставить коды для подключения js и стилей css :
   
   

   <link rel="stylesheet" href="files/live_search_min.css">

   <script src="files/live_search_min.js"></script>

   <script src="files/favourites_min.js"></script> 

    

   (Использую здесь также файлы движка  скрипта "Живой поиск", поэтому имена их оставил прежние).
   
   
5. Загрузить сайт на сервер.
   
   
6. Загрузить на сервер файлы:
   
   add_live_search.php  -  в корень сайта.
   
   live_search_min.css   ,    live_search_min.js  ,   favourites_min.js -   в папку /files
   
   star_1.png   ,    star_2.png   -   в папку /cart/images
   
   (star_1.png   ,    star_2.png  - это иконки для ссылок "добавить в избранное" и "удалить из избранного". Если вы хотите их заменить на другие, можете загрузить свои,  но имена  файлов должны быть те же)

Если у вас есть замечания и предложения, или что-то не получается, или есть идеи по созданию новых скриптов и плагинов для WebsiteX5, прошу  писать  об этом ниже в комментариях или на форуме . 

Подписаться на обновления