Hecho Posted July 13 Share Posted July 13 Hi there, So for one of our products, we would like to redirect the user to Amazon to purchase - is there a way to do so? The link for the page mentioned: https://yardbirdrestaurant.com/store/p/chicken-and-charcoal-book The link we would like the buy now button to redirect to: https://www.amazon.com/Chicken-Charcoal-Yakitori-Yardbird-Hong/dp/0714876453 Any help would be greatly appreciated! Link to comment
paul2009 Posted July 13 Share Posted July 13 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
Hecho Posted July 14 Author Share Posted July 14 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
paul2009 Posted July 14 Share Posted July 14 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. tuanphan 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment