Customizing PDP button

Hello,

I have a unique situation, where our site does not actually need to sell products, but we list all our products, and then link out to the supplier's site where the user can purchase the products. 

That being said - I need a way to customize the "Add to Cart" button link. 

My PDP should literally just be:

- product title

- product description

- product image(s)

- button that links to external site (each product may have a different link).

I've already figured out how to hide the price and quantity! 

Thanks!

12 hours ago, lsutherland said:

our site does not actually need to sell products, but we list all our products, and then link out to the supplier's site where the user can purchase the products. 

I need a way to customize the "Add to Cart" button link.

There are a couple of ways to do this. I think the simplest is to use a little CSS to hide the default button and then manually add the external link to the product description of each product. This will replace the Add to Cart button and, with a little more CSS, can be styled to look like the original button. 

1. Add some Custom CSS to hide the default Add to Cart button:

/* Hide all Add to Cart buttons */
.sqs-add-to-cart-button-wrapper {
  display: none!important;
}

2. Add the external link to the product description of one of the products:

3. Add some further CSS to style the external link to look like an Add to Cart button. This will depend on the styles you've chosen on your site. If you add the external link and then provide us with a link to your product page, we can guide you further.

If you'd prefer a JavaScript solution, an alternative solution was provided here:

Did this help? Please give feedback by clicking an icon below  ⬇️