Home › Forums › ART WordPress Theme › Product Page Image Cropped
- This topic has 16 replies, 2 voices, and was last updated 1 year, 2 months ago by
SeaTheme.
-
AuthorPosts
-
February 21, 2025 at 12:19 pm #31423
How can I display the product on the product page without cropping? or better yet fit to the space without cropping. For display of artwork I prefer to show the entire work and not just a thumbnail or square image.
February 21, 2025 at 12:28 pm #31424Hi there,
Welcome to SeaTheme forum.Can you provide more information? I want to know on which page (single product page or list page)? It would be best to send the page link. Thank you.
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookFebruary 21, 2025 at 2:20 pm #31425Also the images often show in low res – even though I disabled lazy load…
February 21, 2025 at 2:22 pm #31426On Product Pages – I may have found a solution by saving a smaller image that fits into the square format…
February 21, 2025 at 4:53 pm #31427Can you provide more information? I want to know on which page (single product page or list page)? It would be best to send the page link. Thank you.
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookFebruary 21, 2025 at 8:29 pm #31428This reply has been marked as private.February 22, 2025 at 3:05 am #31431Thank you for the information provided. Please operate in the following way, which will prevent the pictures from being cropped.
Paste the custom CSS code to “Appearance > Customize: Additional CSS”:
.sea-vertical-slider .images .woocommerce-product-gallery__image > a > img { object-fit: contain; }
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookMarch 4, 2025 at 10:36 pm #31455Even though the cropping was solved, the resolution is still too big on all the product pages. How can it be improved and look sharp? I have tried resizing but I am still getting blurry product images on all desktop versions (on tablet and mobile they look ok).
March 5, 2025 at 2:02 am #31456I’m not entirely sure if I understand your problem. If you think the image area is too large, you can change the container width to a fixed width in theme options. The fluid-width layout can make the image area appear very large on high-resolution monitors. If this is not what you meant, please give me more information to clarify the problem. (Maybe attaching a screenshot would be clearer.)
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookMarch 5, 2025 at 9:40 am #31457I tried changing the container to a fixed width as suggested, but it only seems to be applied on the pages and not the product pages, and in any case not adjusting the container width of the product image specifically. My issue is that the product page images are blurry when viewed from desktop although the resolution is ok.
https://fromlight2artshop.com/product/procession-strength-in-unity-tshirt/March 5, 2025 at 2:30 pm #31458This reply has been marked as private.March 6, 2025 at 3:51 pm #31459This reply has been marked as private.March 7, 2025 at 1:08 am #31461This reply has been marked as private.March 7, 2025 at 8:13 am #31462This reply has been marked as private.March 7, 2025 at 1:30 pm #31463Hi,
I have set fixed width for the all pages including single product pages, please check it.
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookMarch 7, 2025 at 6:04 pm #31464Is there any way to keep the home page wide and fix the container for the rest of the site on the desktop version?
Ideally, we would fix only the product container to avoid low res images itself rather than all pages the entire site.
The home page as a landing page feels to squeezed and the grid images look small on desktop.March 8, 2025 at 12:19 pm #31465Do you mean to set only the fixed-width for the product pages?
Regards!
SeaTheme – FAQs – WordPress Customization – Facebook -
AuthorPosts
- You must be logged in to reply to this topic.
