harley Posted November 12, 2020 Share Posted November 12, 2020 Site URL: https://www.southclothing.store Hello is it possible to have a custom code to allow images to be a different size on a different shop page. On my main shop page the images are vertical however on my sale page the images where taken differently so the require a 1:1 size. Can someone help? Link to comment
Beyondspace Posted November 12, 2020 Share Posted November 12, 2020 You current shop page is empty right? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
harley Posted November 12, 2020 Author Share Posted November 12, 2020 4 hours ago, bangank36 said: You current shop page is empty right? My website isn't currently launched. I have attached an image showing my current products in my shop, I need them 1:1 image size for them to fit within image. I only need these images 1;1 on this page. Link to comment
tuanphan Posted November 14, 2020 Share Posted November 14, 2020 You can share link to exact page in screenshot. We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
harley Posted November 17, 2020 Author Share Posted November 17, 2020 On 11/14/2020 at 8:58 AM, tuanphan said: You can share link to exact page in screenshot. We can check easier Hey Tuanphan here is the url https://bat-dahlia-6hpc.squarespace.com/config/pages Link to comment
tuanphan Posted November 17, 2020 Share Posted November 17, 2020 46 minutes ago, harley said: Hey Tuanphan here is the url https://bat-dahlia-6hpc.squarespace.com/config/pages /config is admin url. See where to find page url. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
harley Posted November 17, 2020 Author Share Posted November 17, 2020 8 hours ago, tuanphan said: /config is admin url. See where to find page url. Sorry about that - https://www.southclothing.store/sale Link to comment
Beyondspace Posted November 18, 2020 Share Posted November 18, 2020 5 hours ago, harley said: Sorry about that - https://www.southclothing.store/sale Try this in custom css .tweak-products-image-aspect-ratio-23-standard-vertical .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 100%; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
tuanphan Posted November 18, 2020 Share Posted November 18, 2020 Just a suggestion. The thumbnail in product detail show number 1/2. You can add this code to Design > Custom CSS to change to Arrows Slide /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows background */ .ProductItem-gallery-carousel-controls * { background: white; } .ProductItem-gallery-carousel-controls>div { justify-content: center !important; } .ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before { border-color: black !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.