I added some external products to the landingpage. If I click on "Buy product" the link points to the external Site. So far so good. But when i click on the image it takes me to the product detail page. Can I change this link that it points also to the external Site? Thank you!
No i am afraid its not possible in the current style as its a quick view display only so it will link to the product details. IF you want the detail links can be removed using css.
Please note we don't usually provide custom js this is only an exception
Another option is to use some Custom JS to change the links. The custom Js to add would be the following using the Raw JS widget on a page. Place it between the <script>...</script> tags.
jQuery(function($){
$('.products > li').each(function(){
var link = $(this).find('.product-add-to-cart a').attr('href');
$(this).find('.product-wrap a').attr('href', link);
$(this).find('.product-meta a').attr('href', link);
});
});
Hi there
I added some external products to the landingpage. If I click on "Buy product" the link points to the external Site. So far so good. But when i click on the image it takes me to the product detail page. Can I change this link that it points also to the external Site? Thank you!
Hey Again,
Try using another product style and check .
Best
ThemeNectar Support Team
Hi Tahi
What do you mean with other product style? I want this specific style. The image should also point to the external site.Is this possible? Thank you
No i am afraid its not possible in the current style as its a quick view display only so it will link to the product details. IF you want the detail links can be removed using css.
Best
ThemeNectar Support Team
Hi Tahir
Ok thank you. Could you provide me this custom css?
Thank you
Hi Tahir
Is it possible to provide me this css?
Thank you!
Hi Michael,
Please note we don't usually provide custom js this is only an exception
Another option is to use some Custom JS to change the links. The custom Js to add would be the following using the Raw JS widget on a page. Place it between the <script>...</script> tags.
jQuery(function($){ $('.products > li').each(function(){ var link = $(this).find('.product-add-to-cart a').attr('href'); $(this).find('.product-wrap a').attr('href', link); $(this).find('.product-meta a').attr('href', link); }); });Screenshot with change.
Kind Regards