From this settings box, you can change the style of the multilist counter to your desired style and make its settings.
1. Add Counter To Menu #
In this drop-down menu, you can choose which menu you want to display the Multi List counter.
2. Counter Position (Menu Item Order) #
Here you can change the position of your counter in the menus.
3. “Lists” Counter Icon #
In this section, you can select your counter icon. You can pick the default icons or import your own custom SVG icon.
The options available for this field include the following:
- Multi-list 1
- Multi-list 2
- Multi-list 3
- Multi-list 4
- Heart
- Save
- Plust
- Gift
- Star
- Pin
4. Show “Lists” Counter Text #
Check this feature to display a custom text beside your counter icon.
4-1. Wishlist Counter Text #
Type your desired text for displaying beside your wishlist counter icon.
5. Display Mini List For Counter #
From this section, you can select when to display the mini-list related to the counter.
For this part, you can choose the following options:
- ِDisable
- Show on hover
- Show on click
6. Mini List Position Mode #
From this section, you can decide the mini list mode.
For this part, you can choose the following options:
- Absolute position
- Fixed position
7. Add Link For “Lists” Counter Title #
By activating this option, the title counter link will be activated.
8. Maximum Lists In Mini List #
From this section, you can specify the maximum number of lists to be displayed in the mini-list.
9. Lists Button Position In Mini List #
From this section, you can change the position of the “More lists” button, which takes the following two values.
- After lists
- Before lists
10. Counter Style #
From this section, you can change the style of the text and icon related to the counter.
11. Mini List Style #
From this section, you can change the style of the mini list to your desired style.
12. Mini List Items Style #
From this section, you can change the style of the mini list items to your desired style.
13. Mini List Button Colors #
You can also customize the mini-list button style in this section.
14. Mini List Button Sizes #
You can also customize the mini-list button size in this section.
15. Mini List Button Text #
Here you can edit your custom text for the More-lists button.
16. Mini List “Title” Text #
You can also change the title text of the mini list in this section to your desired text.
17. Empty Lists Content #
Finally, from this section, you can change the content text of the mini list when it is empty.