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

Search the Community

Showing results for tags 'product'.

  • 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. Site URL: https://www.joshuajohnsonclothes.com/ Im wondering if there is anyway that I would be able to stack product blocks on my home page in rows of two instead of one on top of the other on mobile. Im also having a problem with my grid masonry being centered in mobile view. I put in some code to get it to stack on top of each other but it seems it may have caused it to be slightly off center. Any help is greatly appreciated. My cite password is Millydog!8
  2. Site URL: https://www.ciao-italia.ch/ Hello, In the product detail page I would like to move the put the Quantity and Add to cart button above the Price, I also would like to move the smaller product description (in the yellow box) above that, so above the Quantity and Add to Cart, also the spaces between the lines I wold like to reduce in that. Then I would like to line up everything with the top of the picture (so The Title should line up with that. I used already a CSS code but I can't figure out how I can move these as I want. Attached a picture of how I want it (maybe not too clear 🙂 ) the CSS codes I already used I will paste below this message Can someone help me? Website: www.cia-italia.ch The password for the site is: cully CSS Code Used already (I pasted all the codes I used in the site): /* Style examples for Product Titles */ /* Product Title: smaller second line on product detail page */ .ProductItem .ProductItem-details h1.ProductItem-details-title, .products.collection-content-wrapper .grid-main-meta .grid-title { font-size: 19px; line-height: 1em; } /* Product Title: larger first line on product detail page */ .ProductItem .ProductItem-details h2.ProductItem-details-title:first-line, .products.collection-content-wrapper .grid-main-meta .grid-title:first-line { font-size: calc(0.50vw + 1rem); font-weight: bold } nav.ProductItem-nav * { font-size: 25px; } @media screen and (min-width: 768px) { .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-thumbnails { display: flex!important; margin-top: 10px; } } #myBtn { width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; font-size: 25px !important; color: white; cursor: pointer; padding: 10px 10px 10px 11px; border-radius: 50%; box-shadow: 1px 1px 5px #000; /* Change the hex code in the next line to change background color */ background-color: #a4a4a4; } #myBtn:hover { background-color: #aeaeae; } .sqs-add-to-cart-button { width: 50% !important; } /* Variant */ .variant-select-wrapper { padding-top: 10px !important; padding-bottom: 10px !important; } /* Quantity */ .product-quantity-input input { padding-top: 10px !important; padding-bottom: 10px !important; } .header#header {position: fixed!important;} .header-nav-folder-content { background: transparent!important; } /* Change dropdown menu background */ .header-nav-folder-content { background: #dad9d9 !important; } .sqs-block-image .design-layout-poster .image-title-wrapper { padding-bottom: 15px; } .sqs-money-native:before { content:' '!important; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 0.1em; padding-bottom: 0.1em; } @media screen and (max-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:60%; margin-left: 5vw; } } /* Product Block Prices */ @media screen and (max-width:767px) { .product-block .productDetails .product-price { font-size: 30em; } } .ProductItem-product-price, .ProductItem-details-excerpt { flex-basis:100%; } .sqs-add-to-cart-button-wrapper { margin-bottom: -1 !important; position: relative; bottom: 111px; left: 150px } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1em; padding-right: 1em } @media only screen and ( pointer: coarse ) and ( max-width: 1024px ), screen and ( max-width: 799px ) { .ProductItem-details .ProductItem-details-checkout { display: -webkit-box; display: -ms-flexbox; display: flex; } } .products.collection-content-wrapper { padding-top: 0; } section.ProductItem-details .ProductItem-details-checkout { display: flex; flex-flow: column; } .ProductItem-details .ProductItem-details-excerpt { order: 1 !important; } .ProductItem-details .product-variants { order: 1 !important; } .ProductItem .ProductItem-details .product-quantity-input { order: 2 !important; } .ProductItem-details .ProductItem-product-price { order: !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper { order: !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper { order: !important; } .ProductItem .ProductItem-additional { order: !important; } .ProductItem-details .ProductItem-details-excerpt { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ProductItem-details .ProductItem-additional { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } Thanks, Tony
  3. Hi all, is there a way I can get the product tally / count to show up on my store page? To be next to the title category and/or next to the individual categories in the cat bar.... Thanks in advance. Lana
  4. Site URL: https://grahamgreenphotography.com/ When I try adding a product to my homepage I get a massive image which takes up the entire page. It looks terrible (as you can see from the attached screenshot), I can't imagine anyone wanting an image of that size. I've not been able to find a way to control the size of the image, the only control available is to turn image display on/off. Can anyone suggest a workaround/solution for this? Thanks in advance
  5. Hi fam! I'm creating an affiliate blog/store. I won't be fulfilling any products of my own. I'd like to use the standard shop setup, but all products will link out to external e-commerce sites and Amazon affiliate product pages/links. I want to show the products on my site as a typical store. However, I don't want a cart feature. I've hidden ALL sizing, variant, etc. information so that just the price and description show. (See image attached.) Now, I'd like to show a button in the description that says BUY, with a link to the external URL. How can I do this? I'm unable to add any blocks. I can add a button under the "Additional Info" tab when I try to edit the product. But this button shows up under the image and looks weird. How do I do this? Please see image. Thank you all!
  6. Hi there, I started using the Brine template, and in my product listing I have a drop down menu for size and quantity The size drop down uses a different, ugly font which is not related to the template style. Any idea on how to change this? Thanks Marika
  7. Is there a way to display product images as slideshow on mobile, but to stay stacked on desktop? I'm using Clay template (Brine template family)
  8. I would like to decrease the space between the variant drop down boxes, quantity and add to cart button, so they're closer to each-other. Do I need custom CSS? @tuanphan @Agha_Waqas any ideas? Thanks in advance Pete
  9. Site URL: https://lychee-lanternfish-y5ft.squarespace.com/ I removed the "quantity select" feature from my products site-wide, but I need to add it back for just one product. Does anyone know if thats possible?
  10. Site URL: https://testing-changes.squarespace.com/shop/cashmere-wrap Trying to optimize a site for mobile but the changes I make in Site Styles are pretty awful on the desktop version. I know I can fix this with some CSS and a media query for mobile but some of it is beyond my (very limited) coding capabilities. Can someone help me? Specifically I'd like to be able to set the Thumbnail Size and Spacing to be one thing on mobile and another thing for larger screens (40 px/2 px and 90px/11px respectively) and also change the Title Font size for mobile as well. The other tweaks I think I can swing by finding a middle ground that looks decent on all devices but I'd love to be able to fix these elements at least. Thanks so much!
  11. Site URL: http://practice.cat Hi everyone, I would like to display the images of our products with a landscape 16:9 ratio crop on desktop, but on mobile want it to switch to 3:4 vertical crop. Essentially choosing different ratios for mobile and desktop. Can anybody help me with this?
  12. Site URL: https://www.middleburgtack.com/jumping Greetings! I would like to display the SKU on the product pages, does anyone have any suggestions for that? I'm sure there's a way to do it with some code insertion but I'm not smart enough to do it. I'd like the SKU to show on the main product pages below the price. Thanks!
  13. Site URL: https://tellemoi.co.uk/new-index Hi there, I am going crazy trying to get the 3 product blocks to sit side by side in mobile view, I've attempted a few codes and tried to identify the blocks and input, however still not able to get it to stay in place. I found adjusting the CSS to .product-blocks did help. However this did not last and reverted back. I could really do with some assistance. Thank you in advance!
  14. Hello all, how i can make Shop Product overview description in one line!? Like in the image below (green line) So if the description is to long it show three dots ... Thanks all. ;)
  15. I am using the Ishimoto template: Although the product page displays an “ADD TO CART” button, I need to add an additional button directly below this one that says “CHECKOUT”, and I need it to be identical (if possible) to the add to cart button. I do realize that once a customer adds an item to the cart, the Squarespace template will then automatically display a “cart” button floating at the top of the page. However, I still need to add my own checkout button so that I can send customers to a page with more instructions before they go to the cart. ANY help appreciated, I think I’m on the right track because I already have the following code, but I know the positioning code here is not going to align it directly under the ADD TO CART button like I need it to (because I need for my CHECKOUT button to automatically align itself with the add to cart button no matter what the browser window size is, etc): <style> .checkoutbutton { background-color: #292929; text-indent: 0; display: inline-block; color: #fff; font-color: #fff; font-family: arial; font-size: 12px; font-weight: normal; font-style: normal; height: 50px; line-height: 50px; width: 250px; text-decoration: none; text-align: center; } .checkoutbutton:hover { background-color: #292929; font-color: #fff; } .checkoutbutton:active { position: relative; top: 1px; color: #fff; } </style> <p align="right"><a href="/pagelink" class="checkoutbutton">CHECKOUT >></a></p>
  16. Site URL: https://tambourine-oarfish-c28h.squarespace.com/ Wondering if there's a way to add a block of text above the form elements in the custom product forms? I want to add a some instructional copy. Right now I'm using the "Line" form field element to add the copy, but I'm unable to add line breaks or include hyperlinks. https://tambourine-oarfish-c28h.squarespace.com/ password: Bestcannoli2021! Here's a screenshot of what I was able to accomplish. What I'm hoping to do is add a line break/space after "bring your order number with you for pick-up", and also hyperlink "store hours" to the Contact page.
  17. Site URL: https://www.lordgrimley.com/ Hi There, Has anyone ever had issues with the products uploaded to commerce 'losing' their thumbnails. So, I don't know when it happened but about 60% (?) of all of the products on the website (600 + products) lost their thumbnails. The thumbnails are missing from the upload UI. I only noticed it recently however, it shows up in the searches on the website. Where before you would get a thumbnail with the description, now it's only text. It's a frustrating problem, and the only thing that 'may' have triggered it was an update to the CSV perhaps ? I was only editing the sale/no sale cell of the CSV. I don't use the CSV to add or remove products. I do all of that manually through the commerce UI. That honestly is the only lead I have. I did switch to the new GUI editor for about 30 minutes and back again. But I can't see that being a problem either. Cheers, Brett PS. I have suggested to the CSR that I spoke to that the item should always have a thumbnail designation weather we set one or not. Rather, this would never be allowed to happen should the software have an image designated as a thumbnail from the stack. Etsy and Ebay have switched to this model and it works like a charm, bug or no bug. User error or no user error etc ...
  18. Site URL: https://www.enjoysnacks.com On my home page I am displaying products using the Product block. On Chrome and Safari, the product images show up, but in Firefox the images do not display. There are other image blocks on the home page that display fine. The issue appears to be in the construction of the img tag where data-src parameters are set but there is no src parameter. In the inspector tool I can change data-src to src and the image appears. This looks like a bug for Firefox compatibility.
  19. Site URL: https://www.alphashaving.com HI - I know I can add product blocks and select products BUT I want the front page to display different products each time - maybe even randomly. How can I achieve this?
  20. Hi there. I use the Adirondack template for my site and am wanting to remove the trailing decimal 00's from my pricing. For example I want $249.00 to display as $249. Any idea how to make this happen? Any help would be much appreciated, thanks!
  21. Site URL: https://covington-pta.org We are doing a fundraiser for our PTA-- a Read-A-Thon-- where students read pages for $$. At our shop, I need a way to to allow a person to set an amount of the product (say $1.00) and then set how many units they want (# of pages read <say 20>) and then calculate the right price (1.00 x 20 pages = $20). Is this possible? Thank you!
  22. Hey I am trying to remove or disable the Add to Cart button on my product pages. I don’t want people purchasing through the Cart but I would like the convenience of being able to add and remove items through the product page. I tried using a custom css code but it doesn’t seem like it did anything. Wondering what others have done. thanks
  23. Hey, My product images seem to either be cropped to all portrait or all landscape. I need some to be portrait and some landscape and I'm selling a range of photography. Am using version 7.1. Otherwise I really just want my photos to display as they are originally with no auto-cropping! How can I turn this off? Would appreciate any help!
  24. Hi! I just started exploring moving from WP/woocommerce to Squarespace. Feels promising so far 🙂 But I have a question! We have a couple of product that has multiple color variants. Adding them was easy, but I noticed that all variant Images also show up as thumbnails at the item page. Is there a way to hide variant Images from the item gällery? Example below all the Images except the last one is variants and I would like them hidden. (they should only appear as full size when you choose the color combo from the drop down.) Is this possible to do? Br Johan
  • Create New...