Search the Community
Showing results for tags 'product-page'.
-
Product Images in Product view not showing correctly
TPatts posted a question in Coding and Customization
Site URL: https://www.handmadecrafthouse.co.uk/shop/river-frost-print Hi, I hope someone can help me! I sell photography prints and it is important for my customers to be able to see the whole of the image that they will be buying. However, if they try to view my products on their mobile device then they will only see a thin slice of the actual image. I've attached images of how it should look (the wide image) and how it actually looks on mobile (the thinner one). I'm trying to fix this with CSS and the media-screen query - I've tried content-fit rule but that doesn't seem to be -
I added a new product to my inventory. And it showed up fine in the shop. But when I added a product block on the front page the product block couldn’t ‘find’ the item to embed. Am I missing something simple? And is there a workaround?
-
I am using a code injection to redirect to a different URL when customers click "Add to Cart". However, I want to adjust it to redirect after the customer fills out my product form instead. The code snippet I'm using is '.sqs-add-to-cart-button'. Any ideas on how to do this?
- 2 replies
-
- 1
-
-
- code-injection
- add-to-cart
- (and 2 more)
-
Site URL: https://monarchdesignint.com/door-styles Hello, I am trying to make some words bold and others regular on product titles. I've tried to look into either typing what I want it to say in custom css as well as just changing parts of the title but can't figure out how. I want to make it look like this site. Please help lol Site Password: monarch1
-
Site URL: https://www.haveteewilltravel.com/store-2 Hello, I am trying to remove the navigation links on a product page or shopping page. I would like to do this on individual pages, not the entire site. I found some code that was supposed to do the trick, but didn't seem to work. This is the code I tried. <style> /* REMOVE TOP SECTIONS - Header, Mobile Header, Announcement Bar */ .Header, .Mobile-bar, .sqs-announcement-bar {display:none !important;} /* REMOVE BOTTOM SECTIONS - Footer */ .Footer {display:none !important;} </style>
-
Move "Additional Info" on Product Page to above product price?
Zurra posted a question in Coding and Customization
Hi guys, I am running a "star review" style code block in the "Additional Info" area of my store products. I'm running the script below, and it only seems to insert the "Additional Info" code block above my product title, no matter what tag I give. The code I am using currently is as follows: <script> $(document).ready(function() { $('.ProductItem-additional .code-block').insertAfter('.ProductItem-details-title'); }); </script> As mentioned, it only seems to be able to move my "Additional Info" to above the product title, and nowhere else. I w -
Hey everyone! I'm trying to simply change the COLOR THEME for sections of PRODUCT DETAIL PAGE. At the top of the PRODUCT ITEM, I can see "EDIT PRODUCT" and "EDIT DESIGN" but neither of them have anything to do with colors. If I navigate to "Colors" >>> "Section Themes", I can see the color themes for each section of the PRODUCT DETAIL PAGE. I can then click the COLOR THEME, in this case "White Bold", but it only prompts me to edit the COLOR THEMES instead of choosing the COLOR THEME I'd like to use. =/ -
Site URL: https://www.karitonsorbetes.com/ Hey guys, I seem to be having an issue with the product buttons on my MOBILE website. When I click on it, the button becomes left-aligned instead of centre. Any ideas on how to fix this? See screenshot here: https://share.getcloudapp.com/Kour1QDn Website: karitonsorbetes.com PW: Coron Thanks, Theresa
-
Site URL: https://www.cherrycouture.co.uk/sample-sale I achieved my desired effect of having a sticky product description, this effect only looks good with a stacked image gallery. However i do not wish to have a stacked image gallery for the mobile site, i wish to have the slideshow as it has a stronger reading for the audience when on mobile site. I haven't found a specific code that can change the product gallery just for mobile. If anyone can have a look and see if they can have a code that can help this. If you like the sticky product description let me know i can send you the code. Tha -
crosby Moving Additional Info Section to Product Description
oakandmoss posted a question in Coding and Customization
Site URL: https://pokerbling.squarespace.com/shop/p/goldelite-test Hi there! My client has a lot of engraving options available within his products, so I'm trying to set up an appropriate product page that incorporates custom engraving options. I just realized that I could add engraving options as linked products to the main product page, and customers could add those options to their cart and, when prompted, fill out the appropriate form so that they could check out with it. The only problem I'm seeing is that those additional engraving options are so far down on the page. I'd really l -
Site URL: https://www.22portals.com/forsale Hi there, I would like the ability to change the layout of the product page (like adding a spacer, or putting text next to, not above the prodcuts) but I don't seem to have the ability to edit the layout at all. I tried creating a second page and adding products from a non-linked product page, but when you opened the description of the product page, it automatically had a "back to product" button that took you to the non-linked page, not back to the previous page (and I didn't have the option to remove the button). Any ideas? I am using t
-
Hello, I'm trying to change the font on my navigation, price font and add to care button of the product pages in my store. The Shop > Deadpool, the $19.99 price tag and the Add to Cart button. I've trialled multiple css codes, but none seem to be working. I'm using Squarespace Alameda 7.1. Thank you in advance for any coding gods out there with help!
-
Site URL: https://www.lalittlegems.com/ Will customer's be able to use the site while the site upgrades? And how long does the upgrade take? The Add to Cart button is not working in Quick View on our product page so I'm wondering if this upgrade might fix the problem. Also the Quick View button itself is wonky. You have to double-click on most products but a couple random ones you only have to click once? I think it's a bug.
-
Hello, I have created on my website a "shop all" page and realized that there was a limit of 200 products pages so I cant add more products right now. My idea as a workaround is to create a "shop all 1" and "shop all 2" page and I am not finding a way to link the 2 pages together so that a customer can navigate from one to the other. I wanted to use matchesfashion.com or google approach of page numbers at the bottom of each page to navigate from page 1 to page 2 but I am being told by squarespace that is not possible. I am sure many of you had the same issue, I would love a recommen
-
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-
-
According to SqSp 7.1 instructions, https://support.squarespace.com/hc/en-us/articles/206543977-Moving-collection-items-between-pages, one can move 'ProductItems' from one product page to another product page in v7.1 (Screenshot A), "Before you begin" > First bullet. STEP 1: When following the "Move collection items" (Screenshot B). STEP 2: I go to the 'Pages' panel (Screenshot C) and select the page "Glass Items" (highlighted in grey) which opens and shows all of the 'ProductItems' on the product page. (I can't share URL or screenshot of page due to client confidentiality.) -
Site URL: https://www.renovationsells.com/shop-design-boards/monroe-bath Hello! Your help is much appreciated. I am using a tool called Unbounce to create landing pages for our digital products. You can view the draft version of a landing page here: http://unbouncepages.com/bathroom-design-boards/. We will run an ad campaign on Instagram/Facebook that drives users to the product landing page where they can learn about the product, click through to a product page on our Sqaurespace site, and purchase the download. To properly track these conversions, I need to inject a bit of script bef -
Adding more than 4 columns on product page
18davidgarcia posted a question in Coding and Customization
Hello! I am building a site using the Hester template and it won't let me add more than four columns to my product page. I would like to display 6 or 7 products per row instead of the four. Is there someone who could help me with this? Thanks! David -
Product with independent images for each variable
nsdoyle posted a question in Coding and Customization
Site URL: http://purehomeoffice.com/shop/endeavor I have a product with multiple options that can be altered, and I want all of them to be visually represented independently, so I don't have to have a single image that shows each permutation. This will allow us to add more options over time without generating exponentially more images of every variation. Attached is a mockup of what I'm after. Thanks! -
Site URL: https://www.middleburgtack.com/jumping Greetings all, when adding products through Commerce > Inventory > Add Product, they previously sorted alphabetically by product title automatically. Just recently, for reasons I can't figure out, they've stopped doing so automatically; any new product added just goes to the bottom of the list. Any ideas why that would have happened? I can't think of anything I've changed that would have caused that, and apologies in advance for probably missing something very stupid. Thanks all!
-
Stylizing "Quantity" box on Product Block
PellmerCreative posted a question in Coding and Customization
Site URL: https://www.kovikai.com/shop Hi. I am wondering how to stylize the box around the quantity on my page. I looked in the "styles" and can't find it. I'd like to make it pill shaped and a different color. It's currently a harsh black outline. Thanks in advance! -
Hi, I've set up a product page and noticed a bug perhaps? When there's more than one product image there appears a scroll bar that stretches far longer than it needs to making the site layout wonky. It there any way to hide the scroll bar? Does anyone know why it behaves like that? Best, P
-
Hello, I am having some trouble making a mega menu for my website to show multiple brands and the items that are available under each brand. I am thinking a mega menu would be my best option being that I can't make a sub-sub nav in squarespace. I need the code to make the mega menu. Would anyone be kind enough to help me with this? I am using Version 7.1. Thank you!
-
.thumb.png.76520de474f0369c41cbd49a26b6426d.png)
product-page Align icon and text in product page excerpt
sstinus posted a question in Coding and Customization
Site URL: https://www.thierrybamas.fr/shop/le-cheesecake-mangue-yuzu Hi, I'm looking to align 2 icons + le text in the excerpt from the product detail page like this picture. Here's the CSS .fas {float: left ;}.fas { color: #ff6a02 } ----- script----- <p style="text-align:center"> <i class="fas fa-truck"></i> <body> <p style="color:#ff6b0a";>  Livrable</p> </body> </p> <p style="text-align:center"> <i class="fas fa-shopping-bag"></i> <body> <p style="color:#ff6b0a";>& -
Site URL: https://www.elgalgorestaurante.com/es/para-llevar Hello, I would like to make my website more user friendly but the product page is a big headache. To help my customers find the best meal I use the category option as a filter but when using it, it loads the age again and again. https://elgalgorestaurante.squarespace.com/es/para-llevar The filter works but every time you choose a type of meal, you have to scroll down. How can I change that? I suppose that I have to use anchors links but I don't know where to put then and make then work. Someone has- 12 replies
-
- 1
-
-
- categories
- filters
- (and 2 more)
.thumb.png.76520de474f0369c41cbd49a26b6426d.png)