Home › Forums › WoodMart support forum › Product grid not same size

Product grid not same size

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 13, 2023 at 8:36 am #481038

    gixstudioeu
    Participant

    Hello, have an isue, have website with imported products from old website and I can get product grid in product category in same line same size, images a different to much and I dont have option get good quality of images, what I can do for product grid? I really neet product tabs in category the same size like product title, add to cart buttons in same level in line.

    July 13, 2023 at 8:43 am #481039

    gixstudioeu
    Participant

    Hello, dont need to help I found snipped code

    .product-grid-item .product-image-link img {
    object-fit: contain !important;
    height: 25em !important;
}
    July 13, 2023 at 9:12 am #481047

    gixstudioeu
    Participant

    But now have another problem, images not fitting when showing in grind becouse some product photos is portrait, some squares. Maybe have any ideas how to fix it ?

    July 13, 2023 at 10:37 am #481088

    Luke Nielsen
    Keymaster

    Hello,

    Please read our article on how to make content alignment in a product grid.

    https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

    I’d be happy to assist if you have any other questions or concerns.

    Kind Regards

    November 22, 2024 at 9:24 am #614510

    gixstudioeu
    Participant

    Hello, I am back this code worked, but now you have new option recently viewed, and this code is corrupted the image1 attached

    Attachments:
    You must be logged in to view attached files.
    November 22, 2024 at 10:57 am #614552

    Luke Nielsen
    Keymaster

    Hello,

    Clarify, which code you use, and send me access to the admin panel so I can look closer at the issue.

    I await your response.

    Kind Regards

    November 22, 2024 at 11:03 am #614558

    gixstudioeu
    Participant

    Hello, I used this code

    
.product-grid-item .product-image-link img {
    object-fit: contain !important;
    height: 25em !important;
}
    November 22, 2024 at 11:12 am #614564

    Luke Nielsen
    Keymaster

    Hello,

    Send me the URL link of where that issue occurs.

    Did you try to disable that code and recheck the issue?

    Kind Regards

    November 22, 2024 at 11:37 am #614585

    gixstudioeu
    Participant

    Then I disabled the code, product image on grit not same size, but isue with recently viewed is disapearing. I temporary disabled maintenance mode

    November 22, 2024 at 12:01 pm #614600

    Luke Nielsen
    Keymaster

    Hello,

    In general, the issue in the images themselves, you need to upload them with the same sizes – https://take.ms/uQ8us so then the product grid will be equal.

    Send me a link where you found that custom CSS code.

    Thank you for your time.

    Kind Regards

    November 22, 2024 at 12:14 pm #614608

    gixstudioeu
    Participant

    Yes I know, but I searching for solution, becouse its always different sizes, it time to edit all pictures for ~1000 products, and its need code or another solution, can you sugest something ? I cant find a code origin ir internet for now, its more than year after 🙂

    November 22, 2024 at 4:30 pm #614758

    Luke Nielsen
    Keymaster

    Hello,

    Apply code only for the archive pages using our theme presets: https://xtemos.com/docs-topic/theme-settings-presets/

    Thus on the home page, those Recently viewed products will not be affected.

    Kind Regards

    November 22, 2024 at 4:43 pm #614767

    gixstudioeu
    Participant

    I think it worked 🙂 big thanks to you 😉

    November 22, 2024 at 4:51 pm #614773

    Luke Nielsen
    Keymaster

    Hello,

    Glad that it worked for you. In case you need any additional help, I’d be more than happy to assist you.

    Have a good day!

    Kind Regards

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Product grid not same size’ is closed to new replies.