Favourite Lists - Configuring Favourites for Customers

Favourite Lists - Configuring Favourites for Customers

Please note:
  • Favourites are currently a customer facing feature only. This guide covers enabling this feature on the website.
  • This guide contains lost of example configuration images. To view any of these images in a larger size just click on the image.

To enable your customers to configure & use favourite lists on the website you will need to perform the following configuration options within the Inzant CMS;

Navigate to the "Ordering" Screen (option under settings).


Scroll to the bottom of this section, and enable "Account Customers can have favourites".
This will then open a large configuration zone that you will need to populate with options, see below the relevant options you need to complete;



Labels
Favourites Title: This is the Header text that appears on the Favourite List details screen. 


Favourites Tooltip: This is the mouseover tooltip that gets displayed when the user hovers over the Favourites shop mode icon.


Add Favourites Tooltip: This is the mouseover tooltip that gets displayed when the user hovers over the "Add to favourites" icons.


Remote Favourites Tooltip: This is the mouseover tooltip that gets displayed when the user hovers over the "Add to favourites" icons - and it's already a favourite.


Edit Favourites Button Text: The display text for the Edit Favourites list button, displayed on the Favourites list details screen. 


Save Favourites button Text: The display text for the Save Favourites list button, displayed on the Favourites list details screen (favourite list must be in edit mode for this button to display).


Images
Sample Images attached in a folder at the bottom of this guide.

Favourites Image Selected: This is the image used to show the order mode (shown when hovered or the favourite list screen is open). 


Favourites Image Unselected: This is the unselected version of the image used to show the order mode.


Add Favourites Small Selected: This is the image that gets used on the Shop List mode when an item is already on the favourite list.


Add Favourites Small Unselected: This is the image that gets used on the Shop List mode when an item is not already on the favourite list.


Add Favourites Large Selected: This is the image that gets used on the Product Details screen (directly under the image) when an item is already on the favourite list.


Add Favourites Large Unselected: This is the image that gets used on the Product Details screen (directly under the image) when an item is not already on the favourite list.



Multiple Favourite List Option
If you'd like your customers to be able to create and manage multiple favourite lists (for instance if there are multiple frequent reorders they'd like to be able to preconfigure). This option will modify the user experience in the following ways;
  • The user will be able to Add, Rename & Delete Favourite lists from the My Account Section
  • The user will be able to easily jump to any favourite list from the shop sidebar menu in other order modes.
  • The user can add or remove a product from one or more favourite lists at once.
Please follow the following steps to enable multiple favourite lists. In the Ordering screen, please enable the "Allow Multiple Favourite Lists" option. PLEASE NOTE, this setting cannot be disabled, please be sure you want multiple favourite lists before enabling.


Manage Favourite Lists Text: This text displays in the My Account Sidebar Zone, The Heading on the Manage Favourite List Page & as the last option in the Shop Sidebar Favourite zone.


Shop Favourites Filter Text: This is the text heading for the pantry lists in the Shop sidebar.


You will lastly need to add the attached CSS and JavaScript files into the website, and then add it to both the /Shop and /Product pages.
See below basic instructions on this, however if you need any assistance on this step please contact Inzant Support & we'll be able to help.
  • Open the attached (below) text files. 
  • Open the Inzant Web CMS, navigate to the "JavaScript" screen.

  • Click "Add" button to add a new file.
  • Type in a name into the "URL" zone, "Inz-Favourite-List.js" is a good option (don't forget the .js at the end).
  • Copy the contents of the text file into the "JavaScript" zone.
  • Click "Save & Publish".

  • Navigate to the "CSS" screen.
    • Click "Add" button to add a new file.
    • Type in a name into the "URL" zone, "Inz-Favourite-List.css" is a good option (don't forget the .css at the end).
    • Copy the contents of the CSS text file into the "CSS" zone. 
    • Click "Save & Publish".
  • Now navigate to the "Pages" section of the CMS.

  • Create a Preview version of the /Shop Page

  • Open the JavaScript section, and insert "/scripts/" and then the name you used for the file, so as per above example "/scripts/Inz-Favourite-Lists.js". Click the add button (this will reload the page).

  • Open the CSS section, and insert "/styles/" and then the name you used for the file, so as per above example "/styles/Inz-Favourite-List.css". Click the add button (this will reload the page).



  • Click "Save & Publish" button.

  • Repeat process for /Product Page (create preview, add the javascript to the page, add the CSS to the page, save and publish).
Now you're finished, login as a customer to the website (or as your admin user) and test its working as expected. 
    • Related Articles

    • Favourite Lists - Using Multiple Favourite Lists for Ordering

      This guide covers the customer facing functions available when Multiple favourite lists are enabled. Creating / Managing Favourite Lists To Add, Rename or Remove Favourite lists you'll need to navigate to the My Account screen, then click on the ...
    • StockCount Order Mode - Filtering Customer Order History

      On the StockCount Order mode there are 8 columns of information displayed on each product row. This information relates to products being "Ordered" (O) or "Stock counted" (S). Ordered refers to the the quantity of the item that was actually ordered, ...
    • StockCount Order Mode - Stock Level Ordering

      The StockCount Order mode allows for "Levels" to be setup for each and every customer, for all items they stock from you. You can then simply use this default "Level" to do quick and simple reordering in this order mode.  Important Note: Please be ...
    • StockCount Order Mode - Navigating the StockCount screen

      The StockCount order mode in Inzant Sales Plus is a hybrid order mode, incorporating both the customers ordering history & a stock level based ordering method into the screen. The first thing to understand is that this screen will only ever show ...
    • Taking An Order Using Item Image Display Mode

      This is a quick guide on taking an order using 'Image Display Mode'  To start your order, Tap the interaction button highlighted in the top right of the screen, Next tap 'New Order'. Next select the Order Mode you would like displayed, Select the ...
    • Popular Articles

    • Creating Hyperlinks

      There are two main areas within the CMS that hyperlinks can be created; In a specific content zone provided by a widget. In the CK Editor content entry zone. Both zones offer the same 3 basic link types, Internal URLs, External URLs and Mailto ...
    • Initialising & Resyncing the Inzant Sales App

      If you need to reload your database the process is quite straight forward. Please be mindful that performing the below process will erase ALL information within Inzant Sales on the device, so please check and make sure all incomplete orders or quotes ...
    • Shutting down Apps running in the background

      If you are noticing your iPad starting to run very slowly and Inzant starting to crash then your iPad may have all its resources being used by other applications running in the background. We'd recommend periodically closing all apps running in the ...
    • iOS 11.* - Keyboard Lag Issue

      If you are seeing keyboard lag (i.e. ranging from a bit slow to non-responsive) on your iPad after downloading a new version of iOS you are not alone. We've had plenty of reports of this and it's not an Inzant specific issue, its an operating system ...
    • Checking Order History for a retailer

      To view Order history of a retailer go to the specific retailer and touch the "Orders" icon.The "Order History" screen shows previous orders, quotes, pending orders, and goods returns for as far back as your system is configured for. Most systems are ...
    • Recent Articles

    • Enabling PDFs for Smart Presenters using Adobe InDesign

      This is a quick guide on modifying your PDF presenters/catalogues/lookbooks/blads etc. to enable them for the Smart presentation mode. This mode enables the iPad user to simple tap on the zone you specify and they can order the products directly from ...
    • Settings - Notification Alerts

      This settings allows you to control when notifications are displayed. The options are to display the notifications after every sync, or just when new notifications are received. To change this setting, touch the Utilities Cog icon in the top right of ...
    • Settings - Add Customers to New Calls

      This setting allows you to control if customers will automatically get an email notification of the next call when you book calls using the App. To change this setting, touch on the Utilities Cog icon in the top right of the screen. Touch Settings ...
    • Settings - Order Starting View

      This setting allows you to fine tune how you the App works best for you when ordering. The setting will set the order mode that is displayed when you create a new order. To change this setting, touch the Utilities Cog icon in the top right of the ...
    • Share Log Files

      The Inzant Support team may request you provide log files from your device to assist with solving issues you may experience. If you don't use the Apple Email App, then we allow you to send the files to us by sharing them to another App. To Share Log ...