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: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

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: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

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.