Adding ti wishlist shortcode on grid product hover
-
Hello,
We are using ti wishlist instead of the integrated wishlist (mainly because it offers ability to have multiple wishlists and a few other features). Overall everything works great but when it tries to place the wishlist button in the product grid it places it next to add to cart but ‘stacks’ them instead of keeps in a row like native wishlist.
ti wishlist gives us a shortcode to add the code in – can you possibly tell us where to place the shortcode so it is in line with add to cart and quick view?
Attachments:
You must be
logged in to view attached files.
Hello,
Please find this file: woodmart/woocommerce/content-product-icons.php
Add your shortcode as per the sample: <?php echo do_shortcode( 'your_shortcode' ); ?>
please have a look at the screenshot: http://prntscr.com/vihikc
Best Regards
Thank you for this code – is it possible to style the shortcode to look similar to the add to cart button or quickview button? It is a custom wishlist and the shortcode we are inserting works but I think we are missing some custom style?
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
.woodmart-buttons .tinvwl_add_to_wishlist_button {
position: static !important;
height: auto !important;
width: auto !important;
border-bottom: none !important;;
}
.woodmart-buttons .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before {
position: static !important;
margin: 0 !important;
font-size: 26px;
line-height: 45px;
}
.woodmart-buttons .tinv-wraper {
position: relative;
display: inline-flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 50px;
height: 45px;
font-weight: 400;
font-size: 0;
line-height: 0;
}
@media (max-width:1024px) {
.woodmart-buttons .tinv-wishlist {
display: none !important;
}
}
Best Regards
Perfect – thank you for your help!
You are welcome! If you have any questions please feel free to contact us.
Best Regards
.
