You can modify the position and the appearance of the Add To Wishlist button and My Wishlist launcher on the Swym dashboard. Let’s look at the various available options in detail.
Add To Wishlist Button
Under the Customise Appearance tab of Swym Dashboard, scroll down to Product Page Configuration section.
You can decide how the Add to Wishlist button appears on the product page by choosing from one of the following button styles (Refer Image 1):
Icon + Label as a button
Label as a button
Icon + Text
If you choose the Text to appear on the Add to Wishlist button from the above-mentioned options, we further give you the freedom to decide the text that appears on the label; both before and after a product has been added to the wishlist (Refer Image 1).
For example: Before adding the product to wishlist, the label is Add to Wishlist. After adding to wishlist, it switches to Added to Wishlist.
You can also decide default color (Refer Image 1) of the button/icon by clicking on the color block. It opens up the color picker which you may use to select a color or enter hex code of the desired color. You can also pick the color of the button/icon, once it has been clicked on, in the similar way.
The results can be in Image 2 and Image 3.
Image 2 Image 3
Select the checkbox if you wish to display the count of the number of users who have added that particular product to the Wishlist. (Refer Image 1)
Clear the cache by clicking on View Store hyperlink which ensures rendering of the latest changes on the browser. (Refer Image 4)
By default, Add to Wishlist button is placed right next to/below the Add to Cart button, wherever space is available.
NOTE: To move the Add to Wishlist button to a completely different location on the webpage, please contact the support team.
However, minor changes like button width can be made via CSS style sheets.
My Wishlist Launcher
Launchpoint Button Appearance
Under the Wishlist Plus Settings tab of Swym Dashboard, scroll down to Launchpoint Configuration section.
To change the color of My Wishlist Launcher, go to General Settings and click on the color block. It opens up the color picker where you can use the picker to select a color or enter hex code of the desired color (refer Image 5).
You can configure the appearance of My Wishlist button in one of the following ways:
As a menu item: To configure My Wishlist Launcher as a menu item, follow the instructions that appear when you select this radio button.
As a floating button: This is the default configuration. As a floating button, My Wishlist launch point can be placed at the following points on the product page: Bottom Right, Bottom Left, Right and Left.
For example, if you select Right option from the drop down, this is how the My Wishlist launch point would appear on the webpage -
Custom: To place My Wishlist button launch point at a Custom location, read the blog link provided in the instruction and contact the support team for assistance.
There are two ways in which the Wishlist Module can open - As a Pop Up or as a separate page. For example, if your selection is Pop Up, the Wishlist module would appear as below -
You can choose to display the count of items added by the current shopper to the cart. However, this is only allowed when My Wishlist is a Floating button (refer Image 10).
Once all your changes are done, click Save. Clear the cache by clicking on Click here to view changes to your shop hyperlink which ensures rendering of the latest changes on the browser (refer Image 4).