My Wishlist: Design
2 min
The My Wishlist page has two views. One with products and one without. Click the tabs to customize the design for each view.
To edit the "Without Products" view:
General Settings | |
|---|---|
Background opacity & color | Change the opacity and color of the My Wishlist page background. |
Border opacity & color | Change the opacity and color of the border around the My Wishlist page. |
Border width (px) | Change the width of the border around the page. Set the width to 0 to hide it. |
Text Font & Color Settings | |
|---|---|
Title | Edit the font and color of the "My Wishlist" title. Note that it appears in both the "With Products" and "Without Products" view. |
Subtitle | Edit the font and color of the subtitle. Note that it appears in both the "With Products" and "Without Products" view. |
Empty wishlist message | Edit the font and color of the "You haven't added any products yet." message. |
Link | Edit the font and color of the "Start adding products" link. |
To edit the "With Products" view:
- Background opacity & color: Change the opacity and color of the Wishlist Page background.
- Load More Button / Pagination: In the Settings tab, you can select what customers see when there are a lot of products in the My Wishlist page and they scroll down to the last ones. If you select to display a "Load More" button, click Load More to customize it. If you selected to display page numbers, click Pagination to customize it.
Product Display Settings | |
|---|---|
Product background opacity & color | Change the opacity and color of the product background. |
Ribbon opacity & color | Change the opacity and color of the ribbon (e.g. New). |
Border width (px) & color | Change the width and color of the border around the product. Set the width to 0 to hide it. |
Product name font & color | Change the font and color of the product name. |
Product price font & color | Change the font and color of the product price. |
Out of stock message font & color | Change the font and color of the message that appears if an item is out of stock. |
In the Settings tab, you can:
- Select whether to display an Add to Cart button. If enabled, click Add to Cart Button to customize the button.
- Select whether to display a divider line between the name and price. If enabled, click Name & Price Divider to customize it.
