Twilight Theme: Wishlist Page Guide | Twilight Documentation

This wishlist page template can help customers save items that they wish to buy, this can greatly help to check the offers that apply to the items the customers are interested in as well as keeping track of the stock.

Example

Variables

WishListPage

Components

This page extends the default layout master.twig, and accordingly, it takes the unified look-and-feel. For example, all of the headers and footers components will be added automatically to this page.

In addition, the User model is accessible automatically on this page because it's included in the master.twig layout file.

JS Web Components

Customer Wishlist page may include the following JS Web Components, which are ready-made designs and style-sets of web components for Salla stores.

Add Product <salla-add-product-button>

Button <salla-button>

Hooks

The wishlist page template may call the following hooks in order to inject extra information.

Usage

This page simply receives the products object which represents the list of the products that the customer has added to his own wishlist. Based on that, we use a simple for-loop statement to display each product.

The developer can show a button to encourage the customer to move a product from the wishlist into the cart. For this purpose salla-button component can be used.

Wishlist

Example#

Variables#

Components#

JS Web Components#