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

Перейти к контенту

Главное меню:

Статьи
Плагин "Добавить в избранное" для интернет-магазина ...
Все статьи → Websitex5CMS    Websitex5    
Плагин "Добавить в избранное" для интернет-магазина WebsiteX5
фото

Эта публикация продолжает цикл статей, посвященных скриптам, кодам и плагинам для расширения возможностей интернет-магазина на конструкторе сайтов 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, прошу  писать  об этом ниже в комментариях или на форуме

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

  


след.>>

Просмотров 2513    Добавить комментарий  (5)

08.03.2024 14:57  Tect
Тест
09.08.2022 04:46  Андрей
Здравствуйте! А есть возможность прикрутить этот скрипт на сторонний сайт объявлений?
26.08.2019 22:27  Артур
Здравствуйте.
А если уже добавлено на сайт "Живой поиск" при установке "Добавить в избранное" не потеряется функционал "Живого поиска"? (Название некоторых файлов идентичны и это немного смущает).
Можно устанавливать?
Спасибо.

Админ:
Здравствуйте, Артур. Да, можно устанавливать. Все файлы из исходников загрузите на сервер с заменой одноименных файлов


28.06.2019 08:24  Юлия
Спасибо большое, Александр за ответ. Все получилось. Еще, подскажите пожалуйста, как переместить звездочку, чтобы она была в правом верхнем углу не на фотографии карточки , а в поле описания товара. Что и где надо поменять в коде?

Админ:
Здравствуйте, Юлия!
Добавьте перед закрывающим тегом BODY такой код

<style>div.knob_add_fav {right:0;}</style>

C уважением, Сергей.


15.06.2019 07:20  Юлия
Здравствуйте, Александр. Установила скрипт "добавить в избранное". Все сделала по инструкции. Звездочки установились на товарах, включаются/выключаются, а вот на страницу "избранное" карточки не добавляются. Там просто пишет: "Нет доступа". Версия Website x5 pro 2019.1.7 (32 bit) Подскажите пожалуйста, что может быть не так. Ваш скрипт" Живой поиск" установился на "ура". Спасибо заранее.

Админ:
Здравствуйте, Юлия! Все файлы из исходников данной статьи должны быть загружены на сервер с заменой файлов с совпадающими именами. Вероятно один из файлов у вас остался старый.


Назад к содержимому | Назад к главному меню