wishlist counter widget

1. Go to the Apps Sledge.

2. Select the Customizer menu.

3. Choose wishlist counter widget and click the Start Customizing Widget button.

Position

This feature is designed to adjust the position of elements according to your store's needs.

Follow the steps below:

1. Select the Badge element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. On the right side, marked with a red arrow, you can change the position to your desired value.
1. Note: The position The format is None, Left, Right and etc.

3. Once the menu opens, select an option from the list

4. For example, if you set the position to bottom-right

5. The position of the Badge element will adjust accordingly.
1. Example : Before position change settings

2. Example : After position change settings

Wishlist Flyout

Available settings:

• Use wishlist flyout

Use wishlist flyout

The feature is designed to control the layout of the page that will appear after this element is clicked.

Follow the steps below:

1. Select the Badge element on the right, then click the Settings tab and click the icon marked with a red arrow.

2. Enable the Use wishlist flyout checkbox

1. Example : Before Use wishlist flyout is enabled

2. Example : After Use wishlist flyout is enabled

Skeleton

Available settings:

• Enable Skeleton
• Main Color

Enable Skeleton

Enable Skeleton is a setting that controls whether a loader or skeleton is displayed before the required data is fully loaded.

Follow the steps below:

1. Select the Badge element on the right, then click the Settings tab and click the icon marked with a red arrow.

2. Enable the Enable Skeleton checkbox

Main Color

Main Color is a setting that manages the color of the skeleton. However, you must first activate the Enable Skeleton feature.

Follow the steps below:

1. Select the Badge element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. Click the Color Palette on the right side, which is also marked with a red arrow.

3. The Color Palette will appear. Click the right side of the palette where the red arrow and number 1 are indicated, then click the right side again where the red arrow and number 2 are marked.

4. The wishlist counter widget of the Badge element will adjust accordingly.
1. Example : Before Badge change settings

2. Example : After Badge change settings