Search the Community
Showing results for tags 'product-page'.
-
I put it in the right code to hide price, quantity, and "add to cart" button from the products in one of my two stores on my website, the code worked and each product no longer displays those features. However, when I click on a product's Quick View, everything is still displayed. Does anyone have lines of code or a solution that can help me fix this issue by hiding those details? Attached are photo examples. The code I used to hide the details is: [data-section-id="60d6b8a6aac1033985af9188"] { //CSS Hide Add to Cart Button .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button {display:none;} } [data-section-id="60d6b8a6aac1033985af9188"] { //CSS Hide Price .sqs-money-native, .product-price {display:none;} } [data-section-id="60d6b8a6aac1033985af9188"] { //CSS Hide Quantity .product-quantity-input { display: none !important;} } -
Move additional product info to under product description
raego posted a question in Coding and Customization
Site URL: https://www.ahriaorganics.com/shop-all/baby-top-to-toe-cream I am wanting to move the additional info blocks of products on this site to display under the product description/price block (to the right of the image) and not underneath the product info as it currently is. Is this possible? https://www.ahriaorganics.com/shop-all/baby-top-to-toe-cream -
Site URL: https://dilana-info.squarespace.com/new-products On my product page, i would like to add search bar here (top of the page not the header). Is there any way to do that. Thank you
-
Hi, the images on my squarespace site recently started displaying strangely. Difficult to explain so I'll attach a pic, but basically a product image will display as a kind of 'double exposure' of 2 other unrelated product images. Not always the same one, if I refresh, it'll happen to a different one. Appears to only be on desktop. Anyone ever seen this before? Any idea what could be causing it? I've tried clearing my browser cache (chrome). Only happens on my squarespace site, no other pages I've visited. I'm stumped! Thanks in advance.
-
Is it possible to have the words "Sold Out" with a darker transparent overlay on a product image when it is sold out? I have been trying to figure it out for a while but I am very new to website building so I haven't made any progress haha. Any help would be amazing!
-
Site URL: https://fancythatinglewood.com.au/shop/p/1fl9d753yk35s0jw1g3zu8c1g5nou0 Hello, the buttons left and right to see different pictures of a product aren’t working. plus it only opens the lightbox if you click around the top right corner of the picture on the item page, which is odd. It should be enabled on the whole picture wherever you click. currently it’s a carousel type but the thumbnails buttons on a slideshow type aren’t working either, it’s just stuck to the main picture. I’ve linked the product page on the site. passcode: FTI452 thanks in advance for any assistance. VJO
-
Site URL: https://www.sumofeight.com/ When a product on my shop is sold out, on both the product page and the main shop page a 'currently unavailable' message appears. I like it on the product page, but on the main product shop page its bold and I dislike it being there. Does anyone know a way of turning it off but not the message on the specific product page? Thank you! Ps. Right now on the website there is still items available, so this message doesn't appear, but products are close to selling out so I am planning in advance! -
I want each color to be listed as it’s own product, but I also want to be able to change the color as a variation when I’m viewing one of the products. When I change the color, it becomes a different product. Or, I want each variation of my product to be listed as it’s own product. How do I do this? -
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 -
How do I make my custom online store layout FULL WIDTH
adrianrydz posted a question in Coding and Customization
Site URL: https://adrianrydz.squarespace.com/shopart I used Product Blocks to create a custom online store layout, however I don't like a width of this page. How can I make my product page to be full width? page password: yumichan -
Product image aspect ratios - how to change between shops
Cale posted a question in Coding and Customization
Site URL: https://www.wadjemupdreaming.com.au/landscape Hey guys, it would appear theres a flaw in Squarespace keeping you from applying product image aspect ratios separately between shop collections. I sell my photos in panoramic, regular landscape, and vertical panoramic formats, with a different shop page for each. I'd like to have the panoramic shop products view in 16:9 (or even the anamorphic 2.4:1?), the landscapes in 3:2, and the vertical panoramas in vertical 2:3 Currently I have the panoramic and vertical panoramic shop pages in the not linked section, with regular galleries created for those images, which you can then click through to view in the shop. It's most definitely a clunky workaround fix for now, being able to apply different product image aspect ratios between shop pages would fix this for me. Any help for custom code to have each shop view it's images in their native format? Thanks a bunch legends. Cale. -
Site URL: http://www.thevens.com Hello, I have my website set out how I'd like on desktop but I have two products on my homepage and also in my shop. When I go into mobile view they just stack on top of each other instead of staying in rows as I'd like. Is there any way to fix this? It's so annoying that you can't edit mobile view seperately. Website is: www.thevens.com Thank you
-
Site URL: https://www.tommystips.com.au/store-services Hi SS trust, I'm trying to get the headings and price descriptions for all products to sit above the images on my product page: https://www.tommystips.com.au/store-services PW: SOME2021@ Any help would be much appreciated. Thanks! RAD.
-
Site URL: http://lisadeupreephotography.com I am have photographs with different aspect ratios. When quick view is clicked from the Product page, the images all show as 1:1, which is fine for the thumbnails but not for the 2:3/3:2 photos. How can I rectify this?
-
Hi all, In Design -> Product Items -> Aspect Ratio it gives you just a single option. The problem that I'm having is that some images on a website i'm building are (generally) either 4:3 or 3:2, shot natively on different cameras. Is there a better way to address this so images maintain their original aspect ratio and don't follow this setting? I found this post and some code: .summary-thumbnail-image.loaded { object-fit: contain !important; object-position: top; width: 100% !important; height: 100% !important; position: static !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } .sqs-block-summary-v2 .img-wrapper { position: relative; width: 100%; height: auto; padding-bottom: 0px !important; But it doesn't affect product details page...see attached screenshots. Thanks for your help! J
-
Site URL: https://beholdofficial.com Hi there, can anyone help me make the header to be transparent with the product listings starting from the top of the page instead of after the header? I want it to be the same for mobile too. Thanks in advanced! FROM THIS (Desktop): TO THIS (Desktop): For mobile, from this: To this:
-
Site URL: https://www.scottsdental.com/football-multi-use-diamond-burs-maxcut.html Hi, I was wondering if there's a CSS code or a way to make my product page look like the website I linked? I'd rather have the variations listed so that customers can input the quantity rather than using a drop down menu. Thank you! -
I could have sworn that when you put a password on a store (fka product) page, the products on that page would not appear in summary blocks or product blocks in other pages. But today I see that products do appear when referenced in other pages even if they live on password-protected store pages. Am I going crazy or did that behavior change in the last year? (Forgive me if this question is redundant, but I was not able to find mention of this in a forum search.) We're on Montauk/7.0.
-
Site URL: https://eventkit-test-site.squarespace.com/shop/the-essentials-kit Hi All I'm after a Custom CSS fix to increase the space between the heading and the product image in the auto section of 'related products'. See image for reference. Hopefully there is an easy fix?! Thanks, Rachella -
Hi all,I've a question about integrating Shopify add to cart buttons to Squarespace product pages.I've added Shopify 'add to cart' buttons to product pages. This is one of them: https://www.diestanderbaardkompanjie.co.za/test. (Password: 123456) The code has been generated by Shopify.It works as follows, if someone adds a product to the cart, a cart icon is shown on the right of the screen. The icon will be shown on every page where there's an add to cart button. So if you go to another product page with a similar button the cart icon is visible. However, this means on other pages of the website the cart icon is not visible.My question: is there a way to make the cart icon visible on every page? Shopify support couldn't help me. Bit of same policy as SS, no support on custom code.I do have a workaround direction in mind. If I add the same code snippet to the footer the cart icon is shown on every page. However, this also shows the add to cart button in the footer. Maybe there's a way to enhance the code in such a way that the add to cart button is not shown in the footer?
-
Using Archive block dropdown as a way to Sort Products
Littlemahuta posted a question in Coding and Customization
Site URL: https://daffodil-clementine-36hx.squarespace.com/config/pages I am building a site for a boat brokerage. Needless to say they have many products (listings) with multiple category options. I am wanting a simple way to navigate the within the product gallery. I have hunted high and low to find a way to filter/sort these listings in a way that is generic across the site in the sense that the same categories can be applied no matter what product. I have 5 product galleries. 1.Yacht 2.Power 3.Multihull 4.Trailer Boats - within each product type i'd like to display the sort options as a dropdown where the user then selects how they would like to view the products within the gallery. I was reading a thread earlier which suggested using an Archive block as a way to display a "shop sort". I had a play around with this and i think this is actually a viable option. The question is this.... How do I get the categories to action as per my category titles suggest they will. - sort by lowest price - sort by highest price - sort by type Here is an example of a dropdown shop sort on a similar type of site to the one I am currently building https://www.busfieldmarine.co.nz/shop/New+Boats.html Can anyone shed any light on this please? I am also open to other suggestions - I have looked into a universal filter and a mega menu - i not written these off instead i am still exploring options - the archive block made a lot of sense and relatively simple if I can get it to function accordingly. Help would be very much appreciated please!- 2 replies
-
- 1
-
-
- product-page
- archive
- (and 3 more)
-
Site URL: https://adammannphoto.com/shop When I "quick view" a product in my store, all of the product details are not showing up. Well, they're technically there, but they're displaying in white. I cannot find an area in the design menu to adjust colors for the quick view contents. I went through all of my color schemes and the header and paragraph text are always black, never white. Any ideas how to fix this? -
Site URL: https://www.head-to-socks.com We sell 15 varieties of yoga socks as single packs, double, etc... up to 6 pack mix and match. When the customer selects a multi-pack, say a 6 pack for example, I add 6 "select" forms on the product page. When the user clicks the drop down, the 15 varieties come up as options. They do this 6 times and that data is sent to me when they checkout. The price doesn't change because they are paying for a 6 pack regardless of the variation they select on the product order page. I want to add a 50 and 100 pack options, but listing 50 drop downs is not a good way. Is there a way on the product order page to list my 15 variations and next two each variation have a dropdown selection 0 to 50 for the quantity of pairs of socks they want for that variety AND have a running total of socks so they can't select more (or less) than 50 socks?
-
Site URL: https://www.laurapedley.com/original-fine-art-for-sale Hi, does anyone know of a piece of code for version 7.0 that could hide the SOLD sticker on specfiic products after they have sold? I'm a painter and once the pieces have sold I want to change the product listings into a portfolio, but still using the product page set up. I've found code to hide the price and add to cart button within the individual product listing, but not the sold sticker! Thanks for any help x -
Site URL: https://steve-lewis-7h8y.squarespace.com/pantry Hi, I'm wondering if I'm able add a text box above the category nav of a product page? This is for a food business that wants to stipulate pickup hours and procedures for COVID-19 curbside pickup. Any help would be appreciated.
