-
Posts
22 -
Joined
-
Last visited
Reputation Activity
-
ChristianT got a reaction from paul2009 in Product page thumbnails
wonderful - thank you very much! this will do it!
-
ChristianT reacted to paul2009 in Product page thumbnails
You can add some HTML to the Additional Information section using a Code Block or Markdown Block:
<div id="additionalsection"></div> Then add a link to the product description like this:
#additionalsection Here's a short video: http://recordit.co/x9Zs7WarWh
-
ChristianT reacted to paul2009 in product page photo thumbnails
There isn't a built in option to do this on Squarespace 7.0 (it's an option on the newer Squarespace 7.1 template) but you can achieve this with some Custom CSS.
Go to Design > Custom CSS and add the following. When you save and refresh the page, they should be on the left.
.ProductItem-gallery { display: flex; } .ProductItem-gallery-slides { order: 1; width: 100%; height: 100%; margin-left: 4%; } .ProductItem-gallery-thumbnails { margin-left: 0; width: 20%; max-width: 90px; } .ProductItem-gallery-thumbnails-item { margin-left: 0; width: 100%; }
-
ChristianT reacted to paul2009 in Product page thumbnails
It will depend on how much 'additional information' you want to include with each product.
If the text is short, for example "Printed on: Tecco PD 305 Matt" you can include it in the product description which appears immediately below the title and price. If the text is long, you can place it in the 'Additional Information' area and add a 'More information' link to the product description area explaining that more information is available. Clicking the link could then take the customer to the larger area below the product images. You could use code to change the layout of the product page so that additional information can be shown above or below the 'Add to Cart' button. If you're adding information to this area, it's usually necessary to use an accordion or tabs to hide/reveal content by clicking/tapping. I hope this helps.
If this helps, please click "Like" below ⬇️