Button position – allows you to set position of the “Add to Wishlist” button on a single product page.
*If you choose “Custom Position with code” option, you will have the ability to add the “Add to Wishlist” button using the shortcode anywhere in a product content section. You can also put this shortcode at any page/post of your website. (See the shortcode below)
[ti_wishlists_addtowishlist product_id="93" variation_id="0"]
*Where product_id is the actual product ID that you can find by hovering the product title on a products listing page in your admin panel. (See a screenshot below)
variation_id you can find while managing the variable product directly. You can see it in a “Product Data” metabox below the editor by switching to Variations tab. (See a screenshot below)
Button type – option applies how “Add to Wishlist” will be displayed as a button or a link.
*Depending on what button type you choose (a link or a button) you can customize the look (background, link, text colors, font size, etc.) in a TI Style Options -> Add to Wishlist Product Page Button section.
Note: these changes you can make only if “Use Theme Styles” option is disabled.
“Add to Wishlist” Icon Color – allows you to choose whether the icon will be white or dark.
“Add to Wishlist” Icon – here you can enable/disable the icon before the “Add to Wishlist” button or even upload your custom icon.
Icon dimensions are fixed 16×16 px. Using the icons with larger dimensions may require additional styling to fit the button.
“Add to Wishlist” button Text – here you can put your custom text for the button.
* Below you can see images with sample button options variations in admin panel and on frontend.