Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'product-page'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hey all, I am wanting assistance with adding either the Product variant or Categorie underneath the Product Title on the main pages of the products. This is so I don't have to add "- Large" after the item I've posted and instead have the Variant of Category situated underneath the product title. Please see attached picture for an example. It does not have to have size but rather just the variant that it is.
  2. Hi All, I am selling prints, and would like to disable the auto-zoom on each individual product so the buyer can see a bigger scale rendition of the print they are buying. My template does not have an option to disable autozoom on images. I am using Lange. I was able to make this happen on the main products page using the code below: .ProductList-outerImageWrapper { position: static; padding-bottom: 0px !important; } .ProductList-innerImageWrapper { position: static; margin-left: auto; margin-right: auto; } .ProductList-image { width: 100% !important; height: auto !important; top: 0px !important; position: static !important; Unfortunately I'm not savvy enough to get that to apply to the individual product. Here is a link to a good example of an image that is being cropped: https://www.fantasiummedia.com/prints/stars-over-lake-atitlan Offering a print of your choice at cost for anyone that can help!
  3. I've ran into a weird rendering problem: My photos have a zoom factor of 2.5 on hover. Every time I zoom in the image looks horribly blurred out and pixelated. Nothing seems to do the trick unless I manually zoom in the entire site ( ctrl + mouse roll ) to a point where the photo is no longer visible on screen ( > 250% zoom ) and then reset the page zoom back to 100%. Then suddenly the zoomed in photo appears crisp and looks they way it should. Image size is only 433Kb so I'm really running out of ideas as to what might be the culprit
  4. Hi! I tried to find a way to hide the "ALL" category on my store page, but couldn't find the solution. My store runs on the Hyde theme. There isn't an option to hide the parenting category under Store Settings or Categories. I also tried a couple of custom codes I found on the forum here, but non of them worked. Would appreciate if somebody can help me out. 🙂 Kind regards, Kevin
  5. Site URL: https://www.dirtyhairanddiamonds.com/shop/mala-beads On desktop it is easy to toggle through the variant (color) drop down menu to see a visual representation of each variant. But on mobile, the variant (color) drop down menu is under the stack of all images for that product. Is there a way to label the photos with the variant name without having to add them to the images? Or is there way to move the drop down menu to the top of the photo stack?
  6. Site URL: https://www.dirtyhairanddiamonds.com/shop/mala-beads How do you add space between product titles and first stacked product photo in Marta template? The mobile view doesn't look good.
  7. Site URL: https://www.lockandmortice.com/collection/essential-table I am wanting to add a text link between my product variants and my add to cart button on all my product pages. I can't seem to find the right code to do it. I have put it in many different spots on the page but not the right one yet. I do have a plugin from @paul2009 installed but not sure that would affect my ability to place the text there but might have a different ID for the normal add to cart button. Wanting a link to /materiality page so customers can see our finishes and materials descriptions.
  8. Site URL: https://oddthing.co.nz/ Hi there, I'm looking for some help with the number of product thumbnails displayed per row on my store. I have created a product page which has three thumbnails per row. Currently the three thumbnails reduce to two thumbnails per row when viewed on mobile. When viewing on mobile, I would like this to change to one thumbnail per row & ideally two thumbnails per row for tablet. Is this achievable with custom css? Thanks for your help in advance! 🙂
  9. Site URL: https://lisakinsell.squarespace.com/config/design/site-styles/product-items password: artfart (i think that's the password, i forget and i already gave it to the client!) Is it possible to add image captions to the product images in your shop on SS?
  10. Site URL: http://www.summitviewlearning.com/payment Hi - I'm trying to put 4 items per row on the products page (version 7.1). I've tried the previous suggestions posted in this forum with no change to my site. The image on each product is so large that you can't see the item name when viewed on a regular browser. Thanks, Claudine
  11. Site URL: https://www.feelgoodbox.co.uk/ Hi, I am trying to install the Yopto star rating/review widget on a site but am having a bit of trouble with the code, currenlty I am trying with a test product. They say both sets of code below need to be applied to the product pages, I just needed help making sure they were formatted correctly as I doubt pasting them in as listed below would work. As usual I appreciate the help, thanks alot! <div class="yotpo bottomLine" data-yotpo-product-id="SKU/Product_ID"> </div> <div class="yotpo yotpo-main-widget" data-product-id="SSQ2172412" data-price="10" data-currency="GBP" data-name="Test Product" data-url="https://vuvuzela-tarpon-gg6e.squarespace.com/config/pages/5f35ba7352f42c722d12d9cc/categories/5f35ba7356c17914cb4f8939" data-image-url="https://vuvuzela-tarpon-gg6e.squarespace.com/config/pages/5f35ba7352f42c722d12d9cc/categories/5f35ba7356c17914cb4f8939" div class="yotpo bottomLine" data-yotpo-product-id="SQ2172412"> </div>
  12. Any ideas on how to individually resize the images on my product page? For whatever reason Squarespace will only allow the user to select 1 specific aspect ratio, for all products. I'm trying to develop a website for selling photos, and photos come in all shapes and sizes. Picking one aspect ratio results in some images/products being cropped. I've already setup my "Store" using the product photo option (which allows for custom aspect ratios), and then unlinking my official product page. However, when the customer clicks on the photo they want to buy, the page updates to the official product page photo, which is cropped to the wrong aspect ratio. It appears my only option is to inject CSS code (per Squarespace IT), which I know nothing about. However, when I look at the FAQs on that potential solution, it specifically says to NOT use CSS to change image sizing. If I cannot fix this issue, it's a dealbreaker for me to use Squarespace as my web host. Hoping someone has an idea on how I can move forward. Thanks, Max
  13. Site URL: https://littleberrybutton.co.uk I have a website with a lot of code and a couple of plugins added to it. I have recently noticed in my store that some product images are not displaying in desktop view, but they are in mobile view. I have been told custom code is causing this, and I want to know how to be able to identify what code (as there is a lot) without removing it all and adding back in to find the issue. Is there a way to do this? I am also very happy to outsource the work if any one can help. Thank you, Sophie
  14. Site URL: https://superfinesocial.com/resources I have 4 rows of Amazon products. On row 1, there's a product missing (see attached screenshot). I have tried to change the product (thinking it was that) but no matter which product I put there, it just disappears. The products are all set up the same on each row - so what am I missing? Many thanks.
  15. Is there a code to increase the text to 30px on the product page where is says "select size" as well as increasing the size of the text for the selected option.
  16. Hey guys, I really need some help. I'm trying to change around the sizing and position of my logo and nav bar on my site, but only on the product pages. I know how to do this on a regular page where I can use a code block on the page to target just that Pages header, but because It's a product page and theres no way for me to inject code into the header or add a code block, Im at a loss. Any help would be greatly appreciated. I want the logo to be smaller and on the far left followed by the three nav links to the right of it.
  17. Site URL: https://www.abitorange.com/digital-quilting-patterns-1 Hi, I have difficulty to upload further product to the page (https://www.abitorange.com/digital-quilting-patterns-1) as i have reached 200 products limits... I want to add "Next page" like we have on google webpage or amazon stores etc, so that my customers are directed to the next page and i keep posting my products under this single title page..... Any help will be highly appreciated. Khan
  18. Site URL: http://www.happy-skin.no/nettbutikk Hi! Is there anyway to automatically scroll to products when changing category, or stop it from refreshing the whole page on the shop page? Spesific page: http://www.happy-skin.no/nettbutikk Password for website: 1111
  19. Site URL: https://saffron-sturgeon-tc9n.squarespace.com/ Hi all, Another question. Is there any way to get the Quantity Box readjusted so you a ' + ' and ' - ' symbol right and left of the Quantity counter. EG - 1 + See attached screenshot. Password: iis Thanks Tom
  20. Site URL: https://www.bulletsnmullets.com/shop/p/the-classic How do I move the product description from below the add to cart button, to below the price? Just to reiterate, I would like to bring that product description right below the price. This formatting only occurs when the site is viewed in a smaller screen as a mobile device. Any help is greatly appreciated! Thanks
  21. Site URL: https://www.nittocreative.com.au/shop Shop, Pictures of product/photos need to be portrait and landscape? Cannot find an option to change each image only all images?
  22. Site URL: https://www.truenorth-designs.dk/webshop/pandora-stol-saedepolstret Can i change - or hide - the the text "Select" in the dropdown ? Any ideas of how to ? If possible at all. Best regards Jacob
  23. hi @tuanphan I want these markdowns to be accordion drop-downs in the additional information section. I have added the code into the code injection (see screenshot and below) following this guide - https://stnsvn.com/blog/how-to-add-an-accordion-to-squarespace and use markdowns for the sections. But its not working. I cant click on the + signs and they do not hide the text below. They are visible like in the screenshot all the time. Any idea how to resolve this? /*Accordion Page Settings*/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').click(function() {$(this).toggleClass('plus-minus');}); }); </script>
  24. Site URL: https://www.hamiltonroberts.com/on-hand-gallery/ I will be out of town for a week and unable to take sales and ship. Is there a way to temporarily disable sales on my store? Ideally I'd like visitors to see our work but not order. Build a new page (explanation about the shop being off-line) and substitute it for the gallery but keeping the same URL? Redirect Product Page to explanation page? I'm a woodworker, not a web guy. Squarespace 7.0 Montauk Any suggestions appreciated! Thanks.
  25. Site URL: https://www.truegreencr.com/buy/p/product-la-macha Similar to question How can I hide the 'Quantity Select' field on a product page? But is it possible to customize this on a variant level as opposed to product level. For the example page I have this would be if I have 2 types, Sample and Product I want to disable quantity when a user clicks the Sample type from the dropdown. Is this possible via CSS?
  • Create New...