Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Chris_BTETM

  1. Ugh 😞 not even through coding? it's pretty fundamental!
  2. Pushing new products to Facebook page or Twitter page works great, but the variables are limited to: %t - The title of the item you're sharing %a - The author of the item you're sharing %u - The URL of the item you're sharing The biggest gap here is that there isn't a variable to share the price of the product. Seems a huge miss and I can't believe it would be difficult? Anyone, found a way of doing this? Chris
  3. Hi, Apologies for the delay in replyinh, unfortunately I've had to deal with family health matters but all ok now. Yes, the code now works. I inserted the following in the Header Section: <style type="text/css"> .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item img, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item img{ width: auto !important; left: 50% !important; position: absolute; transform: translateX(-50%); } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item, .ProductItem-gallery-thumbnails-item { background-color: #000; } .ProductItem-gallery-thumbnails-item-image { width: auto !important; } </style> And on the product pages the following is inserted: .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item img, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item img{ width: auto !important; left: 50% !important; position: absolute; transform: translateX(-50%); } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item, .ProductItem-gallery-thumbnails-item { background-color: #000; } .ProductItem-gallery-thumbnails-item-image { width: auto !important; } This now works with no html visible to the end mobile user. This is great thank you so much. In the background I have also been working on finding a solution that converts the actual images, as some of my original images cannot be used on other platforms e.g. Instagram. I have come across a tool call Image Magick which can take command line instructions to modify the original image files. I'm still testing this but it seems to be able to give me what I need and this will adjust my original photos put them into a 1:1 aspect ratio without skewing and adding a black background. If this works successfully it will save me a huge amount of time 🙂
  4. Hi , I originally put it in the Home>Design>Custom Css but it didn't work onthe product pages as can be seen below. So I put it in the custom CSS field of the product page and then the product image changed as below Except going to the mobile view shows the Css code at the top Thank you
  5. Hi, Many thanks, that works except for on the mobile I get the CSS text appearing. I'm sure It's me not doing something quite right....
  6. Here's the product page URL https://www.booksthatexpandthemind.co.uk/shop/p/1665-pharsalia-sive-de-bello-civili-caesaris-et-pompeji-lib-x-by-m-annaei-lucani-
  7. Hi, Thank you, this is helpful in that it works on the "Shop" page but when I hoover over the image or go to the product page the original photo is shown Shop page: Product Page: Can I inject the same code on the product page or somewhere else so it also impacts the Hoover/Zoom view?
  8. Hi, Not on my website. I've not loaded them up as they don't look good. I have attached an example of the original images and how I want them to look on my website (and other distribution channels). These photos were taken in 3:4 aspect ratio but in some cases they have been cropped to remove surrounding and just focus on the product. I hope that helps.
  9. Hi, Yes, my website is set up as 1:1 but I have c4,000 photos (not on my website yet) that are 3:4 and I need to get them put into 1:1 format (with a black background). I'd like either some bulk edit method (so I can use the images on my website or Facebook/Instagram) or CSS code but this would only be for my website. I hope that makes sense. Chris
  10. Hi All, I've set my website up with 1:1 aspect ratio as it the easiest to use my photos on multiple platforms (for marketing purposes). However, I have c4,000 images that I have previously taken and used on eBay. How can I either insert custom code to take these 3:4 images and put them on a 1:1 with black background? Or is there a way I can bulk edit these offsite and then ? I'm stuck on this one, it seems as though this should be simple but it isn't (or am I wrong? 🙂 ) I have an app where I do this but it only does one image at a time - which really isn't an option for 4,000 photos. Thanks, Chris This is my website www.booksthatexpandthemind.co.uk
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.