Search the Community

Site URL: https://shuifeng.squarespace.com How do I change the description font size in Related Products on the Product Page? I was able to get the Title and the Price but not the description. Thanks in advance.

Site URL: https://shuifeng.squarespace.com Why isn't the below code working to modify the Price font for Related Products? I don't know what I'm missing - I've tried a bunch of combinations and nothing is working. I'm able to modify the Title/Description fonts without issue, but not the Price font. Password: ShuiFeng div.ProductItem-relatedProducts .product-price { font-size: 1.5rem; } EDIT: I figured out that I have some custom CSS that impacts both the Price on the Product Page and the Price under Related Products? Is there a way to separate the two so that I can adjust the Product Page Price separate from the Related Products Price? Here's the code /*Product Page Price font size*/ product-price, .product-price * { font-size: 28px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; } /*Product Page Price font size*/

Hi there, Does anyone know how I can reduce the image size of Related Products on my Store page? I used CSS to change the title size and color, but I can't find anything to target the size of the product images themselves. Any help would be much appreciated. Cheers!

Site URL: https://araraswim.nl/bikini-sets/gin-amp-tonic-bikini-set-7yajb Hello all, Happy Easter first of all. I enabled my site to show related products on every product's page, and added tags on related products so it knows what to show. However, if you go on my website link the related products block show a white "picture" where the related product image was supposed to be and you have to hover over the products to actually see the product picture. This is quite strange and I don't know how to fix it. Can anybody help? thank you very much!

Site URL: https://www.gaspareasaro.com/ I have enabled related products but not showing. i have tried all ways but still not showing. can you help me

Is there a way to not show the price in the related products tab under a product? I've installed the custom plugin to select the first variant from a product to not show that "from" but it still visible at the bottom in the related product tab. Any help is appreciated, thanks

Site URL: https://www.follyandfine.ca/ Hi, I would like to customize the number of related products you see on a page to be 4. Right now it is 5 and flows over to a second line. Thanks!

How can I change font color of the text "What you might like" when you enable related products. It's highlighted to show that the font is white. How can I choose another color since my background is white too?

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://normalknitwip.squarespace.com/shop/p/white-sweatshirt-crewneck I would like to have a slideshow with arrows. I don't want that when i add related products they go in different lines. Both on the desktop version and in the mobile one. In the mobile versione the slideshow should show products in 2 columns. Thanks in advance

Site URL: https://www.devourcatering.com/devour-store/fantastic-fathers-day I'm looking to have related products filter more specifically. I would like a product to have two categories: The event (father's day) and (Addon) so the related products underneath would be Bother fathers day related AND addon related. the store I'm building has events that have specific addons that we don't want available to other products. BUT there are general addons the should appear globally (booze for example would show up as an addon under both father's Day AND a picnic product.. right now it grabs related product that have the same first category or tag.. Solutions get my eternal respect.

Site URL: https://www.lynnemeade.com/ I'm having an issue with display of related products in an online shop to be launched soon. The SQSP version is 7.0 and the template is Avenue. The three related products display next to each other horizontally similar to the computer desktop view, rather than stacking vertically in a single column. My understanding is that images stack vertically on mobile in the Avenue template, except in some blocks like summary carousels which stack in two columns. (I'll address an issue with that display in a separate question.) The resulting display of product images and text is too small for a user to see and read well, particularly on mobile phones. On mobile phones, I'd like each related product to stack vertically with the product title and price centered below the product thumbnail. The product title and price may require left justified styling for longer titles. I'll have to test the best overall text styling once the related products display vertically stacked. For now, I've set the "Details Alignment: Center" in site styles. The tablet display is problematic as well, even more so in portrait mode. I'd prefer to keep the three related products in one row horizontally rather than creating two columns. I noticed that the related product images and text don't span the full length of the screen inset. Perhaps changing that would help on tablets in both portrait and landscape mode. To see the display issues, I've attached two screenshoots of the current horizontal mobile phone display and one of the tablet display. The web site is Lynne Meade Ceramics. Code from two related-products questions Displaying 2 columns / Related Products / Mobile and Limit the number of related products didn't correct the display issue. My being new to custom CSS is hampering the effort. I'd appreciate any pointers on how to resolve this display problem. Kindly, K

Site URL: https://yarradayspa.com.au/online-beauty-store/hydra-24-crme-glace Hi I've got a site on the rally template which is not displaying the heading (You might also like) for the related products. It means that the images for the related products are appearing almost touching the image of the actual product the website visitor is looking at so looks really weird. I've contacted and this was their response I can confirm that we are experiencing an issue where the default "You Might Also Like" section title for related products is not rendering properly. We’ve noted this for our Design and Engineering teams to review, and they’ll use this feedback when implementing fixes and improvements in future releases. Please keep in mind that there are many moving parts we need to address before any changes are made, and we can't guarantee changes to this behavior in the immediate future. That said, all feedback is reviewed and your continued input is always encouraged. For the time being, you may want to consider customizing the text or letter case of the section title in the Related Products panel (Commerce > Related Products). Since this is only affecting the default text, that should clear up the issue for you. Does anyone have some CSS code to target that heading/section title? I've tried a few different things but so far no luck, any suggestions would be appreciated.

Hi, I am trying to add spacing between my sections. Between the "add to cart" and "you might also like" https://wolverine-polygon-atzy.squarespace.com/collection/p/crown-ring?p password: jewellery21 cheers!

Site URL: https://aqua-begonia-5k3p.squarespace.com/raffles/firestickamazon-fire-tv-stick-with-alexa-voice-remote-sawr4 To anyone who read this, Little bit stuck on a problem i have. If you look at the image i have attached i have a timer in the description box under the product which counts down, im trying to get this into the product item description where you can see a time left in bold. Now the ID keep changing so i cant use javascript to edit the id of the p tag, i have also tried to add a class name to the h3 tag with no joy either. Anyone else have an idea how to solve this. Basically i need my javascript timer to be above the participate button. Any help would be great. Andy

Hey there, just started using the Related Products functionality on my shop, but noticed that products from other product pages with the exact same categories do not show up in the randomized selection. I know each page has it's own tags and categories--is there ANY way to get products from other pages to show up? I have a clothing business and each product page has a type of item: ie "tops" "dresses" "shoes" and I would like to be able to recommend products between those pages to create more dynamic browsing, so for example, I would like to recommend shoes to go with pants and a top despite the fact that they are on different pages. Is this possible or do I need to use blocks or just dump everything into one page and create a filtering system using categories (vs separating them out into pages?) thx

Site URL: https://badlab.squarespace.com/ Hi, I need some help regarding padding on top of Related Products on product pages and below text 'You may also like'. Link: https://badlab.squarespace.com/store/backend/outline-hoodie Password: temp I've changed the line spacing for the entire site on 'heading 2' but that makes it cut behind the 'related products' block. Any help appreciated!

Site URL: https://www.jupiter10.com Hi, I’m trying to make the ‘related products’ displayed in 2 columns for mobile users. I’m currently using the code below to display the product page in 2 columns and it works perfectly, how can I tweak it in order to also make it apply to related products? Many thanks in advance. @media only screen and (max-width: 700px) { #productList .product { clear: none!important; margin-bottom: 2em; width: 48%; } #productList .product:nth-of-type(odd) { margin-right: 3%; clear: left; } .product img { max-width: 100%; max-height: 100%; } }

Site URL: http://www.coindisplays.com I have enabled related products on my site. When a customer goes to one of our products, they see the related products at the bottom. I was able to stylize some things like the amount of products shown and few other details however the title has been an issue. Currently, it seems to be defaulted to H2 size and it is just too big. I tried to omit putting a title but it would not let me, it is required. I want to be able to change the size of it, to H3 or different and not affect the rest of the site. This should be able to be stylized like the other details of this. The images adjust based on the browser however the text stays large. See attached image. Please assist if you know of a workaround or css code to change it. Thanks, Paul

Does anyone know the CSS to centre align the related products section on a product page? I used CSS to reduce the number of shown elated products from 5 to 3 but I can't get the 3 products centred to the page, it is left aligned.

I'm in the trial period, evaluating moving our store from self-hosted to Squarespace. We sell two kinds of fruit preserve in both seeded and seedless varieties. I want to: 1) Use Related Products to display only the seedless products when viewing the seeded version, and/or 2) have a link in the product description of, say, seedless blackberry to go to the seeded blackberry product. (I recognize that I could have one product with two variants, but I don't want to do that.) The documentation says I can filter by tags, and I have added tags to these products, but there's no place to select/enter the tags I want to filter on, contrary to the manual. For example, "Related products display on product details pages based on category or tag." Similarly, in the documentation on links, it says: "Select the collection page you want to filter, then select a category, tag, or both from the corresponding drop-down menus. If you select both a category and a tag, only items with both the category and tag will appear when visitors click the link." There is no visible UI to select tags. Is this one of those Premium features unavailable to me in a trial?

Hi all, is there a way to show 6 and not only 5 related products ? Thanks!

Hi, I'd like to reduce the size of the pictures in my related products. Any tips? Thanks! https://wolverine-polygon-atzy.squarespace.com/collection/p/fino-piercing?p password: jewellery21

Hi, I would like to reduce the space of my pricing. thanks!

Site URL: https://www.mulberrypaperco.com/cambridge-collection/p/invitation-set Hello, I currently have the related products feature turned on. I'd like to only display 5 related products. but ideally I'd like them to all be on the same line right below the product on the product page. Currently the 5 products are displaying on two different lines. Is there some code to edit this? Thank you, Hails