Search the Community

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.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%; } }

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

Hi, I'd like to have related products showing at the bottom of my page. I am trying to only show 3 pictures and not five and have all the categories mixed randomly. I would also like to be able to reduce the font/change it without affecting all my site. thank you https://wolverine-polygon-atzy.squarespace.com/config/design password: jewellery21

Hi, I'd like to manage to put the pictures of my related products next to each other on the mobile site. https://wolverine-polygon-atzy.squarespace.com/config/design?p?p password: jewellery21 thanks 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!

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://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!

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.

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

It seems it can't be adjusted normally, does anyone have some code to adjust the size? Thank you!

Hi All, I'm looking to see how I can show just 3 related items on a product page, not all of them. I've looked through the guides, forums and can't find the answer which seems to be a no-brainer. I feel like I've even seen it before, but not here: https://support.squarespace.com/hc/en-us/articles/360033322792 Thanks, J

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

Site URL: https://cardioid-bullfrog-em7k.squarespace.com/ Hello, I can't seem to figure out what CSS will allow me to change the size of the font of the prices in the related products section. Any ideas would be much appreciated. Thank you so much!

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.tellemoi.co.uk Hi there, trying to get my related products to show in a row of 3 on mobile for all product pages ( I have 4) , like it does on the computer example: https://tellemoi.co.uk/nailpolish/kamikhaki

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

Hi all! The question has to do with the display of the related products on any product page in the store: - If I have less than 3 items to display, I would love to center the related products on the page (takes 3 items/line max) - If I have more than 3 items to display, I would love to display only 3. No preference: random choice, or the 3 firsts... Is it possible? Could I solve that with some extra code? Can someone please assist me? Hope it's a good year 🙂

Site URL: https://round-tarantula-pmew.squarespace.com/config/ how could I make related product gallery as slider?

Hi, does anyone know any CSS to move the position of the related products function on a product page? It's currently located at the bottom of the product page by default, below the additional info section. Is it possible to move it above the additional info section, but below the product product description and add to cart button? Thanks!

Hi there! I am looking for a solution on having multiple product choices on a product. For example, we are on a coffee product page and you can add a case of coffee but we are looking to add another button to add-on a camp mug, like I have attached here in a quick mockup. So there would be 2 product options on 1 product page if that makes sense?

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?

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'm trying to remove the pricing from the Related Products shown on Product Detail page. Thanks,