Squarespace product images. A pair of white shoes.

Squarespace product images Did this help? Please give feedback by clicking an icon below ⬇️ Edited July 15, I'm having issues with my images getting cut off in the product pages. Features: Replace traditional text dropdowns with interactive swatches. Product image aspect ratios on Squarespace 7. I need them to remain static, and to be able to click the arrow to move to the next one. Some notes: Assets Images and Videos are not used anywhere on the page remain Private, and you can not use the Private Video asset URL, just the Private Image asset is available Edited June 17, 2024 by Beyondspace I am starting (or at least trying to) a store web site for an elderly artist friend of mine. To explain, when you upload a large product image (for example 4000-pixels wide), Squarespace creates seven versions of that image in addition to the original. Apr 16. This will give you access to the full range of resized images we create while An aspect ratio is a proportional relationship between an image's width and height. Squarespace Webinars. idontdointerviews. Other ways to get images for your website include taking photos yourself or hiring a photographer, if that’s within your budget. Ensure the background of this image is transparent. You Squarespace offers integrations with stock photo services to help you find high-quality, affordable images for use on your website. This post may contain affiliate links. 4. Is there a way to assign different aspect ratios to different pages of Hey! I have been uploading image files to the blog posts and portfolio of my new website just fine, but then all the sudden when I click on upload file nothing happens. Is there a way to fix this so the second image s It would require custom code (css), I usually insert the image url as link and use css to display them as images BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ) </> 🗓️ Delivery Date Picker Regarding the product image issue, product images will only be searchable if two conditions are met: 1. I am a bit stuck at the moment. Squarespace responds expeditiously to claims of trademark infringement committed using the Services. grid-title { display: none !important; } #3. Spam encompasses any unsolicited bulk I particularly like the way Squarespace handles product images. Squarespace product image size tips. I want to reduce the size to 50% of its original size. I know Squarespace handles resizing. Popular Days. I reached out to cu This template only gives the options to display product images as a slideshow or as thumbnails. But I just learned that as of January 1, 2024, only text links are available. I've been attempting to adjust images for each countless times, if I get the product thumbnail image right, it somehow affects the two standard product images (main one & frame mock up that one sees upon clicking into a particular piece) So frustrating. lulutoddler. Along the same lines, I would like to add a third badge that would look like the "Sale" and "Sold out" badges, saying "Pre-order". 1. Squarespace scales images that I upload at 2000px wide down to 1000px wide (less on smaller screens), and uses the same size image for both product display and zoom. 1 website (this is for v7. const tagImageUrlMap = { /* the format of each line is a tag as appears in the SS Product page interface and an image URL copy and repeat the line below for each mapping, remove the "// " at the Squarespace Domains LLC and Squarespace Domains II LLC are committed to providing a safe and trusted service. Now, when I look at the mobile version, all product images are too big and the lightbox images are either barely visible or not on the screen at all. . DIGITAL. However, using the correct image dimensions ensures better quality and faster loading times. Hi there I am working on an online shop for fine art prints and want to show the products in their original aspect ratio. . Every Squarespace site supports store pages where you can display and sell products. it somehow affects the two standard product images (main one & frame mock up that one sees upon clicking into a particular piece) Appreciate any help - the images are perfectly high resolution, but for some reason SquareSpace is downsampling them somehow dbellisario56 Posted January 11, 2022 Within the program, create an image that represents your desired watermark. The little preview of the product someone sees when browsing your main shop page. It appears the standard store product page images have to be the same aspect ratio for all product images • An image of your government-issued ID, such as a driver’s license, passport, military ID, or permanent resident card. The website sells lots of different products including art of different sizes. Yes please - would like a clean full bleed like inspiration. bump creedon. 3:2) and I can live with that (sort of - at a push), but I can't find a way to display a full image of a print on an individual product page in say 'widescreen' without all pages then becoming Right now it takes forever to delete 50 images, click photo, click trash can, confirm delete, wait, repreat. Create Account. This ensures that the logo displays Hi Paul2009, I'm having similar issues to eliamaldire. These images are the primary image and the alternate image that is shown on hover. Thanks! Hello, How can I increase the size of my product images on Mobile? I've been fiddling with code I find online and nothing seems to work. An abstract photo of shapes and colors . For example the product "Cristo" is a portrait image. You could start cropping your image ratio before uploading, however Squarespace does a good job at ensuring that your images are resized proportionally when you upload into Only 3 product images images show – I have 8 to 9 product images per product and presently shows only 1st, 2nd and last product image, (using stacked design for product images in version 7. 1. The code worked in principle, but for some reason the second image is not showing and there is instead a blank space between the image and the product title. Continue with Google; Continue with Apple; Continue with Facebook ; Can’t log in? Secure Login with reCAPTCHA subject to Google Hello everyone! I am attempting to create a zoom effect on an image when the cursor hovers over it. We have no warehouse with widgets to ship. Give your customers an idea of what it’s like to use and enjoy Hi there I am working on an online shop for fine art prints and want to show the products in their original aspect ratio. 1 but its also not doing anything (found in this post) . There apparently is a workaround for WordPress sites usin It is possible to add a watermark/overlay to images using Custom CSS. I notice that the images on the computer are ok, but when I click on the images to open the lightbox, some images are off centered. @creedon also found a work around for it by giving me code to place the additional images above the thumbnail image which helps a ton--thank you!. Worth trying this method. Responsive Design Squarespace 7. This is for proof of your relationship to the deceased. Does anyone have any CSS I We process images. Give your customers an idea of what it’s like to use and enjoy what you’re selling. What Size Are Product Images on Squarespace? As you begin creating content for your Squarespace site, you’ll probably want to know how big product images should be. Work: Founder of SF. See image attached of my shop, in 3 column grid layout with 'square' (1:1) image aspect ratio. The resolution of an image is the number of pixels per inch (ppi). However, if the purpose of adding a watermark is to protect them against copyright infringement, this wouldn't be a good solution as, right-click "save image", will download the image but not the watermark. Log In. Parameters. However, zoom images are zoomed in (cropped) showing only a part of the product while others are not zoomed in and thus show the entire product. It would seem they don't adhere to my previous coding ( a custom font change for h1, h2,h3 and P) I have searched this forum and did try solutions already posted to no luck. The colored squares represent thumbnails of image variants. I am also brand new to SquareSpace. Popular Days . It does this on all the images but I am most concerned about the I am a new Amazon affiliate partner. CSV bulk upload? Or perhaps a different solution that might achieve the same result? Thanks! Edited April 8, 2023 by TwoMoonsAI These size recommendations also apply to Squarespace product images and collection featured images. Apr 8. 1 Squarespace 7. 3:2) and I can live with that (sort of - at a push), but I can't find a way to display a full image of a print on an individual product page in say 'widescreen' without all pages then becoming . Hi all, Few days ago hover effect in my shop stopped working on mobile. An abstract photo of After you add images or videos to your site, they're Followers: Asked: Updated: Followers: 4:00AM to 8:00PM EST. com where I didn't This appears to be a Squarespace bug and it would be worth reporting this to Squarespace Customer Care. These are greeting cards that have both landscape and portrait orientation. Anyone know what could be wrong? tweak-product-item-details I have a store with many product images of lighting fixtures in grid ceiling applications. Circle Benefits Partner Discounts Events; Help Guides; Guidelines; Blog; Events . I value honesty, transparency, diversity and good design ♥. Open the photograph on which you want to add a watermark. Site URL: https://www. We provide high quality original extensions to supercharge your Squarespace website. They won't appear in collection-specific searches like the one on your Shop page. I reached out to cu Resize Product Images for Mobile in Squarespace. A solution that I found for image quality was to But each product has 3 images, and when you hover over the image to see the 2nd and 3rd images I have the same issue as before with the image being "zoomed in" to fit the aspect ratio. Essentially, Followers: Asked: Updated: Followers: 4:00AM to 8:00PM EST. The problem is that the g Give your customers an idea of what it’s like to use and enjoy what you’re selling. A pair of white Squarespace offers a suite of different tools for developers. This image is an example of a product block for a digital download: Select edit on the top left-hand side of your website preview. It occurs when the Aspect Ratio is set to 1:1 and the Design is set to Carousel (in Design > Product Items). and the best ways to edit product images. I don't believe this feature exists yet, so I think a workaround would be to add the badge as an image to display over the top of the product image both when in the groups of products and the individual product page. products. There's about 200 products and some have multiple images. Using images is a great way to break up text, highlight Followers: Asked: Updated: Followers: 4:00AM to 8:00PM EST. ) For now only one image shows on the product block and images on the product page are stacked. Guest. product-block . Read the Overview to learn more about these resources. 0. However, they say it may or may not be fixed in future releases. Would like the image to change to a framed print when that variant is selected. The other product images aren't available and so cannot be shown on the list page. grid-image-cover { opacity: 1 !important; } Now I am trying to figure out a way to get a highlight rollover action like in this site: Hi,I am trying to have all the products on my products page to displayed uniformly. Example: this will be expressed as the following number format ‘2:1’. Is there some kind of s Although a gallery of product images usually exists, users often only see the initial image because the image count in the corner is easily missed. I have managed to make the images stacked and removed the breadcrumbs, but just don't know how to change the images to be like above. Add Photos for Each Variant - Look, most people are super bad at imagining on How to add a product block to Squarespace. Show a lifestyle photo AND a minimal “flat lay” style layout. Save the image. In the new editor I can only delete each image one by one, which is very time consuming and impractical. then scroll down and it looks like this: I'm adding different product variants and would like the images to correspond to the variant. I have tried multiple codes, can someone help? Thanks so much! Replies 6; Views 504; Created 1 yr; Last Reply 1 yr; Top Posters In This Topic. Unfortunately Squarespace only loads two images for each product on the Product List Page. I want that the only action possible for them is to add to cart in order to avoid confusion. Building on this discussion, one problem remains for - my product images still show as cropped in the individual product view pages (after I click on an individual image under a category). I am struggling to manage the display of my product images on the Shop Page. On the Product Page, there is a setting to turn off hover (which I have done), but the Store Page do Jump to content. Squarespace Forum; Circle Benefits According to SquareSpace this Hover effect should automatically turn off when viewing the how-to-quickly-access-squarespace-hosted-images-and-videos-url. If it's indeed possible to feature a video in place of the image, that would be best, but I won't assume it's an easy customization. Primary product images. Here are a few other factors to keep in mind: Image Resolution. Apr 12. Ensuring a maximum width of 1500px to 2500px for these images will provide a high-quality visual experience while optimizing performance. tag-our-design . #1. Forum. The horizontal/landscape pieces get cut to shreds though. The images must have been assigned names that include the product name. The images I upload are jpegs at 2500px wide. I have raised a feature request to improve the user experience on mobile product pages and, as a workaround, I posted some custom CSS: A scrollable product gallery on mobile. Squarespace respects intellectual property rights and expects its users to do the same. Below you’ll find some recommendations for using images of any size on your Squarespace site. Product Detail h1. Squarespace Image Block Image Cropping & Aspect Ratio. Log into Squarespace. I may receive a commission for purchases made through these links (at no cost to you. I have a website on version 7. Free online sessions where you’ll learn the basics and refine your Squarespace skills. I have another website twochaircat. I can't even select images from my image library either so I've no idea what's going on! Squarespace Domains LLC and Squarespace Domains II LLC are committed to providing a safe and trusted service. Squarespace is likely to stretch your Squarespace background image size to 2500 pixels wide, which is what you should aim for. Many images on your site will automatically crop either Followers: Asked: Updated: Followers: 4:00AM to 8:00PM EST A screenshot of the Acuity product in the Squarespace platform A screenshot of the member area product in the Squarespace platform. I also tried the following code that should work with 7. I'm also finding that if I set one photo to vertical then it changes every single other photo to Squarespace automatically adjusts images to fit various devices and screens. Basically, I would like the user to be able to browse all of the product images without actually clicking onto the product page. All my product images in 'shop' are cropped. Squarespace partners with soona to offer product photography services. Does Based on the articles about image formatting: "You don't need to resize your images if they're wider than 2500px and meet our other specifications, but if you're exporting your images specifically to upload to Squarespace, try to scale them to 2500px in width. Posted My Squarespace Product Images Are Distorted. Am using version 7. grid-item img { object-fit: contain !important; } Which took care of the main shop page problem, but when you click on t Hi everyone, I was wondering if anyone has come up with a solution to stop Squarespace from cropping certain product images on your online store. Why You Need It: Cluttered pages drive visitors The default for the Store Page is a hover effect on product images, which fades to the second product image. An abstract photo of The plugin supports both versions of Squarespace 7. Let me know how you get on. sold-out . g. Have you managed to sort your problem yet? Yesterday and today (4th April) the upload feature doesn't seem to be working- see attached images. Add a layer to this image. The nature of these types of images is that there will be sharp diagonal lines of varying angles. I would like to deactivate the link that enables users to click on when they hover the product block and redirects them to the product page. Apr Hi the code is not working for me. To submit a notice of claimed trademark infringement, you will need to submit a notice of infringement using the form below. Click the add block option on a page section, or the plus sign inside classic editor. Build a website, buy a domain, run email campaigns, or sell products all from the same account. The photo people see if they Google your product, and the first image to appear in the image gallery on that specific product • An image of your government-issued ID, such as a driver’s license, passport, military ID, or permanent resident card. In-depth guides and videos about the platform, our services, and how to get started. Eas I was able to figure it out! For anyone who wants to do something like this, here's the code I used: //product hover border . Is there a way to assign different aspect ratios to Hi everyone! I hope you are well. First, find Product Item URL. • Any additional documents, such as Legal Representation documentation. Use them for social, email, or on your brand new website with a 14-day free trial. For product images, we recommend using images with a resolution of at Squarespace Domains LLC and Squarespace Domains II LLC are committed to providing a safe and trusted service. Cheers, James Edited January 7, 2024 by James-Gadbury add example image Crop or adjust your images online for free with Squarespace Image Resizer. Could you share a link to the images where you want to add an overlay Within the program, create an image that represents your desired watermark. • An image of your government-issued ID, such as a driver’s license, passport, military ID, or permanent resident card. At the moment all the I would also like when selecting an image/product from the shop to have the image in it's original size. Find the offering that's right for you, or get started with a Developer Platform website. collection-content-wrapper . Once you connect a payment processor to enable online transactions, you’re ready to take orders with shipping @elizamoraes. Before discussing product images, it may help to understand how Squarespace structures products on all sites. Does anyone have any CSS I I use this feature all the time--when I add a new product I typically duplicate an existing product that is set up how I want it, and then delete the existing images so I can replace them with new ones. Squarespace offers a suite of different tools for developers. I have this code in both custom css for entire site and for the page but neither seems to do anything. While the size of product images is important, it’s not the only thing to consider when choosing images for your site. If you have a concern about a domain name registered with Squarespace, you can submit a report to let us know. Password. Deletes an image in a product’s collection of images. Customers must be able to get images to us (both onesie-twosie images and hundreds of images in bulk, but we aren’t yet worried about bulk, we’re interested in the onesie-twosies right now). Generally, these watermarks will be a lighter color, such as white, cream, or gray, so they show up on a photograph. The collection specifies the page and then the code specifies images in the product block. 2 posts. com I have rounded the corners of all the images on my website but I can't round the images on the shop and individual product pages. Stories and solutions for the modern entrepreneur. An iPad showcasing an e Hello! I used some CSS to make the product images on my website show as stacked on mobile. Dear friends, I want to re-size the picture in the "store", as you can see, the picture almost takes 40% of the whole page loaded on the screen when open with PC. I've tried several workarounds, but to no avail. How do I do this? All of a sudden my product images are moving all around, like it thinks I'm hovering over them and they're supposed to do that, and I can't move to the next one by clicking the arrows. 0 (Pedro template). Any help would be greatly appreciated. To add an image to a product, see Upload a product image. Choose your photography equipment. Product Detail Page (PDPs) show the details of one product at a time. You must be searching across the entire site. When I signed up with Amazon my understanding was that affiliate text links and image links would be available to me to use. Is anyone familiar with an easy way to host ~100 images and quickly spit out image URLs to add them to my . I have actually implemented this in another website, but the same code is not working for the website I am currently customizing. Oct 15. Nothing changed on the desktop version, the issue is only on mobile. Surely there must be a way to do this? But each product has 3 images, and when you hover over the image to see the 2nd and 3rd images I have the same issue as before with the image being "zoomed in" to fit the aspect ratio. Can someone please help me. I have products that require display on the Shop page with 4:3 and 3:4 aspect ratios. To get started, stock up on the equipment needed to take quality I find adjusting images with Squarespace to be an absolute pain. Optimal Size: 2500 pixels wide. Squarespace takes the guesswork out of formatting your images for display Followers: Asked: A screenshot of the Acuity product in the Squarespace platform A screenshot of the member area product in the Squarespace platform. Site URL: https://studiovista. Written By Rebecca Grace. Can anyone help me with code to have a different image aspect ratio Squarespace includes a built-in image editor for making changes to Followers: Asked: Updated: Followers: 4:00AM to 8:00PM EST A screenshot of the Acuity product in the Squarespace platform A screenshot of the member area product in the Squarespace platform. Squarespace Forum; Circle Benefits . For each product (paintings), I have the design set to Squarespace Webinars. I am looking for a way to use a custom CSS which will all the Amazon image blocks I'm using to being the same height so that the products all line up. Hello, I'm having the same issue with the suggested CSS not doing anything. Customer gets an image to us, we process it and get the results back to them. A successful request deletes a ProductImage and removes any references to it • An image of your government-issued ID, such as a driver’s license, passport, military ID, or permanent resident card. Ideal for FAQs, product information, or any content-heavy page. I tried refreshing the The issue is that the images submitted (this is for an artist auction for a fundraising event for the organization) are in square, portrait, and landscape orientations and I need the store and product detail pages to display the entire image and not crop anything - and I still want the image size to sit within the 1:1 square orientation I have Add Multiple Photos of Each Product - Show the front, back, and sides of products if that makes sense. Top Posters In This Topic. A screenshot of the Acuity product in the Squarespace platform A screenshot of the member area @DomBrady This is a bug. Again, there is just one standard to set for all products where my products/images can be all different aspect ratio's and I would just like them to display at the size I have saved them as which is 1200px on the longest edge. If you add a video block in the Additonal Info section, this code pops the video above your image gallery. If anyone experiences an issue getting this to work on your Squarespace 7. I don't understand why Squarespace respects intellectual property rights and expects its users to do the same. Hi everyone! I hope you are well. 3. My template does not have an option to disable autozoom on images. I just came up with a solution for a client that works perfectly. Squarespace have acknowledged that they are experiencing issues with product list images turning white when touched on mobile. When a user clicks a link to open your website, the server calls all the files to load on the screen. Could anyone please lend a To hide a product from Shop Page, you can follow these. Get Started. Double click on the product block, or click once and select the pencil icon However, the issue I have is in associating the product image with the entry. or. Why is image compression important. 1 Optimize your product variant displays on Squarespace with visual swatches, allowing customers to see color, size, and pattern options at a glance. Background image. I think the images above help on desktop, but it looks a little wonky on mobile. Can this be done? Thanks! Hello, I am attempting to display my individual product images at Original Ratio. However, each photo is getting cropped in some way. Email address. Jul 15. The shop page crops these to a given aspect (e. Does it not work anymore? I'd like to have my images on hover (on store pages) to not show the next photo. Shop Page /* hide product title on shop page */ . My product images are cut off at the top when viewed on a mobile. grid-item:hover { position: absolute; width: 100%; height: 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. #collection-5ef925025708dc5cb9e01f4b . • An image of the deceased person’s obituary, The horizontal/landscape pieces get cut to shreds though. com I've got an online shop and I just realised all featured product images won't show up once I click on a specific product on my computer but they seem to appear just fine when on mobile. Spam encompasses any unsolicited bulk emails sent without the recipient's consent. For your home page product images, add this to Design > Custom CSS to make them circular. A successful request deletes a ProductImage and removes any references to it from the parent Product and its ProductVariant subresources. Here are the optimal sizes for different sections of a Squarespace site: Header Images. Logos should generally be between 160px to 600p in size. Free online sessions where you’ll The default for the Store Page is a hover effect on product images, which fades to the second product image. In a previous video, I have shown you how to further resize images for mobile. This is the code I am trying to use (for one image block): #block-0 Hey, My product images seem to either be cropped to all portrait or all landscape. I would like them to remain the correct ratio if possible--just not so tiny. But what can you do? Go back to cropped images! 🙂. Guest; Posted September 14, 2020. • An image of the deceased person’s obituary, death certificate, and/or other documents. I know that it was working perfectly, but it just stopped and now by touching it showing a blank/white screen instead of second picture of my product. Squarespace offers easy-to-customize templates to get your ecommerce website off the ground. I need this feature and use it all the time -- when I add a new product I duplicate an existing product that is set up how I want it, and then delete the existing images so I can replace them with new images. I'm trying to display these on my website. To hide Product Title, you can use CSS code to Custom CSS box. com. Squarespace Domains LLC and Squarespace Domains II LLC are committed to providing a safe and trusted service. Some s Hi the code is not working for me. Unlike some competing platforms, Squarespace allows you to automatically apply image ratios to all the products in your online store — a huge timesaver for larger ecommerce projects. 1 sites only) please post back with details of your site - including a link to the page, and a screenshot. What Other Squarespace Image Size Technical Requirements Should on Squarespace? Squarespace requires the following for product images to be used on their site: Proper Image Format. I may even be using the wrong lingo for the Squarespace world. Pro Jump to content. Can anyone help me replace the Product Image with a Video?. I need some to be portrait and some landscape and I'm selling a range of photography. As an example, add the following to Custom CSS: . Following is an example setting for tagImageUrlMap. Logo & favicon. I would say 3-5 images per product is a great rule of thumb. Squarespace is defaulting them to display to 3:2 even though I have selected Original. It was happening on my main shop page and someone gave me this code . In my example, we will have: /store/p/earth-sky-planter-4awkk-nazcb-lbzst Hi there, Under site styles > Products: Gallery > Aspect ratio, I want all of my images to have a 1:1 ratio except for one collection, I want to apply a different aspect ratio (4:3). According to Squarespace Customer Care, Engineering teams are currently prioritizing a fix for this [21 May 2023]. I looked in dev tools to make sure the element name is correct, and it appears to be a. How to do that with the code? Thanks a lot! Best, Jeanette As you begin creating content for your Squarespace site, you’ll probably want to know how big product images should be. { Yes. Tips for adding stand-out product photography to your store. The Aspect Ratio is your image’s ratio of width to height. To help your website be more mobile friendly, Squarespace automatically resizes your images when being viewed from a mobile device. If needed, see the "Related Squarespace scales images that I upload at 2000px wide down to 1000px wide (less on smaller screens), and uses the same size image for both product display and zoom. tuanphan 3 posts. Products are organised in two parts: Product List Pages (PLPs) are landing pages that show multiple products on a long page. clairewebsite 4 posts. Template Docs Commerce APIs Webhooks. A pair of white Hi - I'm a printmaker and I edition prints in different sizes (both landscape and portrait). Written By Donna Vincent. I use this feature all the time--when I add a new product I typically duplicate an existing product that is set up how I want it, and then delete the existing images so I can replace them with new ones. I have tried it on every page and it still doesn't work. And depending on how your Squarespace website is built, the visual content Squarespace Domains LLC and Squarespace Domains II LLC are committed to providing a safe and trusted service. Surely there must be a way to do this? A collection of inspirational websites made by real Squarespace users. I like to display the product images as a carousel with them displaying on the left side of the screen and the product details on the right at 641 px or more and at 640px or less for the carousel to display first and the product details to display after. Did this help? Tips for styling images to display clearly on any screen size. Generate business names. I also have no real clue how to Image best practices on Squarespace. I was able to make this happen on the ma Hi, I'm having a similar problem with uploading images. { I'm working on a different issue with the zoom feature, but I noticed the problem with image quality. My url is : www. product-lists-item. Hi All, I am selling prints, and would like to disable the auto-zoom on each individual product so the buyer can see a bigger scale rendition of the print they are buying. It all Add Multiple Photos of Each Product - Show the front, back, and sides of products if that makes sense. Squarespace is the all-in-one solution for anyone looking to create a beautiful website. 2. It’s also generous when it comes to product options and product variants, letting you create six of the • An image of your government-issued ID, such as a driver’s license, passport, military ID, or permanent resident card. Otherwise I really just want my photos to display as they are originally with no auto-cropping! How can I I'm setting up a website to showcase and sell photography. Each version varies in width from 100-pixels to 2500-pixels and • An image of your government-issued ID, such as a driver’s license, passport, military ID, or permanent resident card. In Deletes an image in a product’s collection of images. Great product images are an important part of running an online store. squarespace. 0 and 7. Ship your I could change the gallery image link to the corresponding product page -- but duplicating all the image uploads (product image cannot use images upload for the gallery!) is certainly tedious. Upcoming All my product images in 'shop' are cropped. Apr 5. A solution that I found for image quality was to reduce the gallery width on From what you've said, I imagine you want to add one of three images, depending on whether the product is "Our Design", "Their Design" or "Designed Together"? If that's the case you can use some Custom CSS to insert the image when the product has been tagged accordingly. A screenshot of the Acuity product in the Squarespace platform A screenshot of the member area product in the Squarespace platform. Circle Benefits Hi, I'm having real trouble changing font relating to products. 1 ) NOTE: on mobile all Please be aware that in instances where Squarespace is merely the Registrar and does not provide web hosting services, Squarespace does not control the content and the content does not reside on Squarespace’s servers; Thank you- I figured out how to turn on the lightbox feature for a larger product image! 🙂 Is there a way for the background to be white instead of black (see screenshot)? I'm using a 2:3 pic ratio, so for the images that are 1:1, it would look better if the background was white so that it you don't get the unsightly border effect. The only thing I don't like is the appearance of uneven spacing between product image and title. Please see Add Images to Product Detail Page Based on Tags Above Additional Info. Note: A product must have an image before sending a request to this endpoint. the ground with an all-in-one platform from Squarespace. * Select the product option form the list of content blocks. image-container img { border-radius: 50%; } Is there a way set all images to "small" at one time or do I have to do it per item. Apr 16 2023. A screenshot of the Acuity product in the Squarespace platform A screenshot of the member area product in the Hello! Yes, if there was a way to make add a carousel to the product pages. Shop Page - Sold Out Product /* Shop page - Sold out product title */ . grid-title { display: none; } #2. File Type: JPEG for photos, PNG for images with text What It Does: Streamline your site’s layout by organizing content into collapsible, user-friendly tabs. Hi - I'm a printmaker and I edition prints in different sizes (both landscape and portrait). I am using Lange. A pair of white shoes. Set up and customize your online store with rich product merchandising tools, designed to showcase your products at their absolute best. My issue is that I want my product images to be their default ratio/sizing on their individual product pages. Squarespace. You have 3 types of product images to look out for: Product thumbnail images. An abstract photo of shapes and colors. grid-image-hover { opacity: 0 !important; } . Enhance the shopping experience by enabling product quick view, image zoom, hover effects, and waitlists. I'm using squarespace 7. You can target the images with CSS. I've tried everything in image and product settings. For example I'm selling a print and then a framed print. They still continue to gaslight me sdd as using that they do not (and never have) support alternate images being called up in touch screen devices, even Hi, not sure if you ever solved this. grid-item-link. Currently, Amazon Block only allows you to resize the width. Send us a message and read our answer when it’s convenient for you. If you could check out my shop page, most of the portrait/vertical images are fine, some are cropped a little. Any idea why this is happening? Replies 2; Views 438; Created 4 yr; Last Reply 4 yr; Guest Posted September 14, 2020. Here are a few other factors to keep in mind: Image Resolution The resolution I would like my store browsing experience to look something like the attached image. qsjwftw hpec oxd ybqtkyky zdcka hyvfxg rfmroiv cskrzi xetr cpffpewr