Jump to content

Changing the store checkout button to redirect to URL

Recommended Posts

9 hours ago, Hecho said:

for one of our products, we would like to redirect the user to Amazon to purchase

Please see my answers in this earlier thread and see if this helps:

 

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

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

Hi Paul!

Thanks for your reply - it looks like this is exactly what we're looking for!

I've input the code, replacing the data item id + the website I would like to redirect to, although unfortunately it does not seem to be affecting the live site. 

This is the current code I've input based on your reply in the other thread: 

 

.ProductItem[data-item-id="64a24a391e2c82683c4e99a1"] a[href^="https://www.amazon.com/Chicken-Charcoal-Yakitori-Yardbird-Hong/dp/0714876453"] {
  border-width: 2px;
  border-style: solid;
  font-family: 'Knockout-HTF49-Liteweight_0';
  font-weight: 600;
  font-style: normal;
  font-size: 10px;
  letter-spacing: .2em;
  padding: 25px 46px;
  text-transform: uppercase;
}

.ProductItem[data-item-id="64a24a391e2c82683c4e99a1"] .ProductItem-details { 
  .sqs-add-to-cart-button-wrapper,
  .product-mark.sold-out, .product-quantity-input {
    display:none;
  }
}

 

Is there something that I might be missing? Thanks in advance!

17 hours ago, paul2009 said:

Please see my answers in this earlier thread and see if this helps:

 

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

 

Link to comment

The ID of this product is 64a267df9862b62fab17190c, not 64a24a391e2c82683c4e99a1.

Also, to make it easier, the URL only needs to specify the first part of the URL - "https://www.amazon.com/".

This tells the CSS to modify any links to Amazon - it isn't necessary to specify each Amazon product URL individually.

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.