Melbaspence

I am attempting to implement this update now. The thing is, I have suppressed the CTA button on my product pages. Instead I am creating them using this CSS. Could I insert a command here to add the redirect icon to appear at the end of this button? //Make Link A Button Within My Branding// .ProductItem-details .ProductItem-details-excerpt a { text-decoration: none!important; border: solid 1px #3B3C36 !important; color: #3B3C36 !important; padding: 2.5%; background-size: 202% 100%; background-color: transparent !important; background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #3B3C36 50%) !important; text-transform: uppercase; letter-spacing: .1em; width: 50%; text-align: center; font-size: 1.1rem !important; } .ProductItem-details .ProductItem-details-excerpt a:hover { color: #fff !important; background-position: -99% 0% !important; } Website: www.senseofspencer.com (here's an example of a product page - https://www.senseofspencer.com/home-decor-edit/p/antique-terracotta-olive-jar) Thanks for your help with this.

I am having this same problem. I was trying to update the folder name. Got the error message. So then based on the advice above, I updated the slug. That worked. Then I changed the folder name and again, it worked. However, that was not the slug I wanted. But when I went to change it, it would not update. Now I am going back and forth with Help Desk. They are saying they cant replicate it on their end. No shit. I can't replicate it on my end either - if I could, the problem would be solved. Curious this is happening for some people and they arent really aware of it.

@Beyondspace Nevermind figured it out, using these and it worked. //Remove Order Button// .sqs-add-to-cart-button-wrapper { display: none !important; } //Remove Quantity// .collection-type-products .product-quantity-input { display: none !important; }

@Beyondspace Hi there, I tried this myself just now and the only part that is working is the hide price. I am not able to hide 'add to cart' or quantity. Any solve for this? My site is www.senseofspencer.com. Thanks!

@tuanphan Hi - I am looking to do something similar. I am linking product on my site to affiliate sites. It's a lot of images and links to manage so I set up the store to make it easier to pull products into different pages. But it is not an ideal experience. Currently, users click on the product in a grid page and it takes them to a product page, and then they can click out. You can see in my site here - https://www.senseofspencer.com Ideally I would like them to be able to click on the product in the grid and send them directly to the affiliate link. Like this example - https://www.collagerie.com/whats-new/gift-guide/the-price-is-right The only way I can think to do this now is to manually add product / links to each page, which is just not very scalable. If you have a solution, I would very much appreciate it.

@creedon checking in to see if I can get some help with this question. Thank you!!

@tuanphan Ahh I can't believe it, there was a space! Oops I feel silly. Thanks for pointing that out.

@creedon hey there, I followed this a while back to redirect CTA on product page to external link. One extra thing I'm looking to add to design. For all the buttons linking out, I want to add the external link icon (attached) after the copy "Buy it now". Can you advise how to do that? Also, it looks like the text is centered right to left, but not top to bottom. Can you tell me how to fix that? Website is live - https://www.senseofspencer.com/home-decor-edit/p/raja-throw-pillow Thank you!

@tuanphan Also trying to format the newsletter form in the footer. There is SO MUCH space between the copy and the email collection form. How do I tighten up the spacing? Site is https://www.senseofspencer.com/

@tuanphan Noodled around some more and I figured it out. I removed the old code which which I believed covered ALL summary blocks. After that the functionality for carousel was correct. Then I found code below to create two column on mobile for grid summary only.

@tuanphan I have a related question, but I don't think it's addressed here (or anywhere else I could find). I am using a summary carousels on my HP (two for product and one for blog). It appears fine on desktop. In mobile, all of the items appear stacked, 2 per row, on the main page. When you click on the right arrow, it's a blank screen. (See attached.) I only want 2 items to appear on the main page, with functionality to click right arrow to see more. I think I might have some other code in CSS that's creating 2 columns for summary grids across the site, and I still want that elsewhere. Do you have a solution? My site is: https://vuvuzela-pug-95je.squarespace.com (PW: flowerZ612) Many thanks!

@paul2009 Thanks for the info. I went to rebuild the carousels where the arrows were falling off, and I found the same problem was persisting. So then I limited the # of items in the carousel (18 was the magic number) and it solved it. On other carousels, the # of items could go to the max without the arrows falling off. So odd. It's workable but there is definitely a glitch. So I'll open a ticket anyway. Thank you again for confirming I wasn't going mad!

@tuanphan Hi! Sorry to bother you again. The issue has resolved on some pages, but is happening on others now. https://vuvuzela-pug-95je.squarespace.com/dinnerware (Pw: flowerZ612) In the first carousel the arrows are not on the screen (in 13" macbook air) but all the carousels below look fine. Do you have any idea why this is happening? Thank you!!

@tuanphan The PW was correct but there was something wrong with the URLs. These are the correct ones. https://vuvuzela-pug-95je.squarespace.com/art-prints-wall-hangings https://vuvuzela-pug-95je.squarespace.com/gifts-by-price I see that the carousels are looking right on a 13" macbook air. The formatting issue was happening on smaller screens - iPad and smaller macbook. So i guess it is a bug rather than a formatting issue.

@tuanphan sorry about that, it’s flowerZ612