Terratag

Hello Squarespace friends, I changed the URLs to my product pages to better reflect the content. Wanting to comply with best practices, I implemented 301 redirects in the Settings < Developer Tools < URL Mapping function, however, I'm doing something wrong and the redirects are not working. I wonder if someone might review the below and help me to understand where I'm going wrong. I've tried two URL mapping formats as follows: Attempt 1: /shop/p/sustainable-name-badges-and-lanyards -> /shop/seed-paper-terra-tags 301 /shop/p/recycled-name-badges-and-lanyards -> /shop/recycled-terra-tags 301 /shop/p/diy-sustainable-name-badges-and-lanyards -> /shop/diy-terra-tag-kit 301 /shop/p/recycled-paper-event-wristbands -> /shop/recycled-wristbands 301 /shop/p/eco-friendly-seed-paper-wristbands -> /shop/seed-paper-wristbands 301 Attempt 2: /sustainable-name-badges-and-lanyards -> /seed-paper-terra-tags 301 /recycled-name-badges-and-lanyards -> /recycled-terra-tags 301 /diy-sustainable-name-badges-and-lanyards -> /diy-terra-tag-kit 301 /recycled-paper-event-wristbands -> /recycled-wristbands 301 /eco-friendly-seed-paper-wristbands -> /seed-paper-wristbands 301 Thanks for your guidance in advance - I really appreciate it. Thanks! Rhonda

Thank you so much for your help @creedon I was able to fix the remaining rounded corners with the below custom CSS I found on a different thread. I've removed the section ID number from between the quotes: section[data-section-id=""] .sqs-video-wrapper .sqs-video-overlay { border-radius: 12px; } section[data-section-id=""] .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img { border-radius: 12px; } Have a great day. 🙂

Thanks @Lesum that worked for me. 😁

Thank you paul2009, you're a genius! 😁 The custom CSS did the trick.

The total price wasn't showing for me. I found the issue, it was custom CSS I'd added, which was hiding the price. JenniferK, check your custom CSS. 🙂

Hi @paul2009, I've just come across this post from a while ago and your code has been super helpful thank you. I'm also wondering if it's possible to hide the 'select variant option' that's included in the drop down when selected. Here's an example, it's the blue line I'd like to hide if possible. The 'select seed type in the drop down list seems unnecessary as it's in the field already: Many thanks. 🙂

I found this thread from a few years ago and it's been very helpful. I've added @creedon's code (see below): // This adds a radius to most of the images .products .grid-image-wrapper, .image-block-wrapper, .ProductItem-gallery-slides-item.selected, .sqs-gallery-design-grid-slide .image-slide-anchor .image-overlay { border-radius: 12px; } // This adds a radius to the images when under a colored field img { border-radius: 12px; } // This adds a radius to the BLOB/article images a { border-radius: 12px } Thank you for that @creedon, that code has done a great job and rounded the corners perfectly everywhere except for on our page we've added our Instagram feed images to. On that page some images have rounded corners and some don't. The images without rounded corners are video posts, however there are also some video posts with rounded corners, so I'm a bit stumped. Here's a screenshot from this page - https://www.terratag.com.au/visuals: If anyone has any suggestions to get the square corners rounded that'd be much appreciated. I did try the site wide image borders however that left even more images without rounded corners. Thanks all. 🙂

Try this, it's just moved the price down one extra in the order, which should move it under the option boxes: .ProductItem-details .ProductItem-details-checkout { display: flex; } .ProductItem-details-excerpt { order: 1 !important; } .ProductItem-product-price { order: 3 !important; }

Excellent question JenniferK. I'm trying to do the same thing. Did you find an answer?