Search the Community
Showing results for tags 'product-page'.
-
Customising line height in product description on Mobile
amy_knowlton posted a question in Coding and Customization
Site URL: https://onion-guitar-w3xs.squarespace.com/ Hi! I inputted some code to re-organise the order of my product description so that the product info sits above the button but now my line height is far too big. I just wondered if there was a way I can amend this and reduce the line height between the header, price & product info? The password for my url is peanutsandpomelo CODE: @media screen and (max-width:640px) { section.ProductItem-summary.clear { display: flex; flex-direction: column; } figure.ProductItem-gallery { order: 0; } .collect -
Moving 'Additional info' underneath Product info
amy_knowlton posted a question in Coding and Customization
Site URL: https://onion-guitar-w3xs.squarespace.com/ I'd like to move the 'additional info' copy from the bottom of the page (centred) to underneath the product info on the right but still in italics. The password for the url is peanutsandpomelo Thanks! -
Product gallery - navigation bullets (dots?)
WoodboxWorkshop posted a question in Coding and Customization
Site URL: http://www.woodboxworkshop.com I just launched my site and the biggest negative feedback is, on the mobile version of the site, product pages seem to only have one image. The products gallery pages do actually have multiple images, but the only indicator is in the top right of the image and no matter what colour I use it is not clear that there is multiple images. see attached. Is there a line of code to add navigation bullets (dots?) underneath the product gallery photo? (see attached) Thanks in advance! -
Display product images as slideshow while stacked on desktop
Adeleta posted a question in Coding and Customization
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) -
Hi all, I'm currently setting up a shop with digital image files and I have a variety of sizes including horizontal, square & vertical. I really don't like the way it looks when it crops the product images in the shop. Is there a way to disable the cropping altogether so that it shows all images as they are? Even if they don't align the same way afterwards, I don't mind, I still prefer to show the true size of the image before they click on it. Does that make sense? Link is https://www.martaraptis.com/art Thanks!
-
Site URL: http://www.zakkaworkshop.com I am interested in breaking a product name onto multiple lines. For example, one of my products is currently named: #ZW6301 5 ⅛" x 2 ¼" Rose Gold Double Clasp. I would like to format it as: #ZW6301 5 ⅛" x 2 ¼" Rose Gold Double Clasp Any tips on adding returns within the product name? Thanks!
-
I've got products in a page calleds 'bows' which had a collection of bows for different instruments. I have now created three different product pages called 'Violin Bows', 'Cello Bows' and 'Viola Bows'. I don't want to have to make all the products again, can I move the prodcuts from my current generic 'Bows' product page to their specific instrument product page? I'm on 7.1, can't seem to work out how to do it.
-
Site URL: https://www.kaurinart.no/maleri/akryl Hello Have a problem with the autocrop i Squarespace. If you check out the link https://www.kaurinart.no/maleri/akryl you can see that some of the images when hovering over the products are cropped really bad. Is there any code I can use to fix this? Thanks!
-
Site URL: https://dirtyrubbers.com/all-condoms/p/mysize-47 Hey everyone, Does anyone know how I would go about increasing the font size of the Limited Availability text on product pages? I was talking with the Squarespace team earlier via chat and apparently they don't have a built-in option that allows us to do that. So I guess CSS needs to be used. Any help will be appreciated.
-
Site URL: http://www.manifestphoto.com By default product pages have a "back to shop" link on them, but instead of going back to the sales page I have built (where I have products listed using summary blocks), it goes back to the source product list that I am drawing products from. I was able to hid the "back to shop link" using the following CSS: .show-product-item-nav #productWrapper #productNav { display: none; } However I am wondering if there is a way to change the target instead of hiding it so that it will take people back to the page they came from? This would be -
Site URL: https://ranunculus-pelican-3cwl.squarespace.com/ Can you please tell me how to remove the 7 day challenge product from the products below that main item at the top? It should show just the 4 other products below. But it isn't allowing me to choose what is displayed only to actually delete items. https://ranunculus-pelican-3cwl.squarespace.com/store "newsite" - password
-
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 -
Hi everyone! Hopefully you guys can help my out with this problem: I have a wine business with different kind of quantity options, packaging options and combination options. For several hours I tried to apply this systeem on my shop, but I don't get it right... Because of the prices, we don't want to sell a single wine but a minimum of 6, 12 , 18 etc. Example: Customer Peter* wants to buy 12 bottles of red wine. Currently *Peter would see on the cart-icon a 1. When *Peter wants to check-out, he sees a quantity of 1 and not 12. This may b
-
Site URL: https://pcriver.com/ I am looking to get more attention and valid reviews posted for my products not sure how to get recognized by site like pcriver or cnet? -
Increase space between products shop page (MOBILE ONLY)
Clarilou posted a question in Coding and Customization
Site URL: https://www.amovintage.com/ Hello Please can someone help me increase the space between products on my shop page? I cannot work it out or find a code anywhere, happy with it on web view but concerned that most views are by web so want to change mobile view exclusively if possible just to make it look a bit more spaced out / less squished in Have attached website link and some photos underneath Thanks so much! -
Site URL: https://turquoise-cuboid-8tbt.squarespace.com/bookstore Hi everyone, I am trying to add a text block on the top of a product page but for some reason this is not possible with the template I am using. I can add text on the bottom, but if you have a lot of products no one will scroll down to get additional info. Is there a way to inject the page-description on the top of the product store or is there a way to inject some kind of HTML line that would let me add text on the top of the page. Thank you for the help in advance. Alexander
-
I have two different store pages on my site. Is it possible to resize one store page so the aspect ratio of the product thumbnail is 1:1 and 3:4 (vertical) on the other store page?
-
I was wandering how to add a section onto the "store page" where the product details are shown. I have searched the internet and only thing I have come across was using the "additional info" when editing the product details. However, I want to have more control over the design of the product details, like changing the background color and using custom layouts. Any ways I can do that because it seems I can't add a new section under the product. Many thanks!
-
Site URL: https://www.annyanderyn.com/baby-mobiles Novice coder looking for help - we are selling some bespoke/custom products which vary in price depending on what the customer wants. Can I add the work "from" to the price on our product pages? Only way I've found so far is to use variants but don't want the dropdown selector either... https://www.annyanderyn.com/baby-mobiles (scroll down - last product listed) https://www.annyanderyn.com/baby-mobiles/p/earth-sky-planter-tcf57 (on this link I've coded to remove the price but would love it to say "from £85) PW: distinct62 -
How to remove "Select" on Product Variant Drop-Down
MagnoliaPi posted a question in Coding and Customization
Hi! Is there any way to remove the "Select" text on the Product Variant Dropdown, so that it only say "Farve" and "Motiv"? Thanks in advances! -
Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment/suspension-straps Hi all - there's a pretty big space above the "Additional information" field product text / below the pictures / add to car button that goes into the Its on both desktop and mobile. Any CSS is appreciated! @tuanphan -
Hi guys, I'm trying to recreate the tab feature similar to this kickstarter style product pitch page. Is there a way to do with on Squarespace without a plugin? If so, could you please point me in the right direction? Thanks!
-
Site URL: https://www.timesmith.co.uk/shop It's common in my sector to negotiate product details for customer's individual tastes and then create a product listing in the e-shop, which only that person can access and purchase. One way is by making the product listing only accessible with a password or by an individual link/code that you only give to that customer. Is this possible in Squarespace Commerce? If so, how do I do this? Thank you! -
Site URL: https://cecilssheshed.squarespace.com/handcrafted-ring-dishes/p/valentines-collection Hello! In a store page, for a product with variants, I see I can add a variant thumbnail image. When a customer views the product images (gallery), how do I add a title for that variant? I want the customer to know what variant they are looking at when viewing the image vs having to select the drop downs to trigger the picture to change. Example: See Red arrow
-
Site URL: https://onion-guitar-w3xs.squarespace.com/ Password: peanutsandpomelo I am a complete novice at coding but have managed to add dropdown accordions to the additional info of the products in my shop. However I want them to align with the header, product info and 'add to cart' button but currently they are in really random positions. If any-one can help with this I would be super grateful! I currently have this code added into the additional info section of the product: <p><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs
.thumb.jpg.b16950141432ff8de024f7a74b2b51da.jpg)
