Mini Wishlist
How to Configure and Style Mini Wishlist #
Mini Wishlist is a small interface element typically found on e-commerce websites. Want to display your Wishlist option in the tidiest way and make it more helpful to customers with the Mini Wishlist widget.
Using this Mini Wishlist widget, you can easily implement the wishlist feature in your online store. Streamline shopping by allowing customers to easily save and track desired items with a compact, intuitive interface.
How To Set Up Wishlist Page Elementor #
Before you begin, make sure that you have the ‘WooCommerce‘ Plugin activated.
To use Wishlist Page, you will need to replace the default Wishlist page with another page of yours. If you want, you can even create a new page and assign it as Wishlist page.
Afterward, navigate to Sastra Addons from your WordPress Dashboard and click on the ‘Integrations’ tab on the top. From here, you can assign your desired page as your Wishlist page.
Simply click on the ‘Select Wishlist Page’ option and pick any of the pages from the drop-down menu as your Wishlist page. You will be all set to go and hit the ‘Save Changes’ button from the bottom.
How to Activate Mini Wishlist #
Before you begin, make sure that you have installed and activated Sastra Addons Pro plugin on your website. Without the Sastra Addons Pro activated, you cannot use this elements.
To use this Sastra Addons element, find the ‘Mini Wishlist‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Mini Wishlist’ into the ‘Drag widget here‘ or the ‘+’ section.
After you are successfully done with this step, this is how the element is going to look like.
How to Configure the Content Settings #
To configure the content of your Mini Wishlist, simply click on the ‘Content’ tab.
Settings #
From Settings section, you can use toggle for enable or disable show text and open in new tab. Than you can set wishlist text, empty text, alignment and wishlist position.
Besides, you can use the drop-down to select one of these as your wishlist content: None, Dropdown & Sidebar Selection and styling to entrance animation.
Click to See Live Demo #
How to Style Mini Wishlist #
To customize Mini Wishlist, click on the ‘Style’ tab, and you will find many different options here.
Wishlist Button #
From here, you can set wishlist icon color, text color, typography, background color, border color, padding, item count color, item count background color and border radius. Besides, you can styling to border.
Additionally, you have the option to utilize a slider bar to adjust the size of icons, the spacing of text, the size of item counts, the size of count boxes, and the position of item counts, all of which are supported across all devices.
Others #
From the ‘Wishlist Content’ settings, you can set width, list max height, scrollbar width, top distance, image size, styling to title, price and many more.
Within the ‘Remove Icon’ settings, you have the ability to define the color of the icon, background color for both hovered and normal states, vertical alignment, and numerous other options.
Through the ‘View Button’ settings, you can set the button color, background color, border color, box shadow for both hover and normal states. Additionally, you have the ability to modify typography, styling such as borders, and many more options.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Mini Wishlist as per your preference.
If you face any difficulties, feel free to contact our support team for further assistance.
