Home › Forums › WoodMart support forum › some problems with the display images of different sizes

some problems with the display images of different sizes

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 21, 2022 at 12:26 am #415404

    [email protected]
    Participant

    Hi. I am having some problems with the display of images when uploading images of different sizes. Shouldn’t they be cropped correctly by woocommerce?

    the same thing happens on the main photo of the single product page.

    I set up 2 plugins and a php script in the child theme (functions).

    imsanity plugin :

    the width limit is set to 1200px and the height limit is set to 1500px.

    the aspect ratio of the thumbnails in woocommerce is 5:4.
    the size of the single product image in woocommerce is 1080.

    the plugin Robin Image optimizer, which compresses images, and if the image exceeds the width of 1200px it crops it proportionally to 1200px.

    the php script in functions, only prevents that the images uploaded by sellers, can not be less than: 800px wide and 1000px high. so they do not upload very small images.

    can it be due to the demo I chose?
    can it be that I upload this last demo OVER the previous demo?

    surprisingly, when i go to take a screenshot to send you, the images on the right side (which were displayed at different heights) look perfect.

    It also happens to me on the single product page. Sometimes it looks fine, and sometimes it shows the main picture much bigger.

    If I make a backup of the current theme settings and then reset the theme and then load the backup over it…I get back the colors, fonts, css, theme options, etc etc… as I have it now? or part of the settings are lost?

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    October 21, 2022 at 12:16 pm #415537

    Luke Nielsen
    Keymaster

    Hello,

    Product images can be cropped after setting appropriate sizes via Appearance -> Customize -> WooCommerce -> Product images and then regenerated via the plugin.

    Plugin: https://wordpress.org/plugins/regenerate-thumbnails/#description

    Also, here is our documentation about product alignment:

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

    Kind Regards

    • This reply was modified 2 years, 6 months ago by Luke Nielsen.
    October 21, 2022 at 8:05 pm #415707

    [email protected]
    Participant

    Hello, Thank you for your quick response.

    Of course I read the documentation and I know the options of the theme regarding the configuration of images in the single product.

    I think the problem is that the theme does not handle the 4:5 aspect ratio well. There is a very big jump between the smallest image option and the one that follows it.
    I send you a screenshot (smallest option marked with 1 and the next one with 2) to understand what I mean.

    I did a stage of the site and tried another demo but the result is the same.

    Specifically:

    1 – How do I have control over the size of the viewport?
    440px wide and 550px high is the size that allows to see well the photo without being too big.
    I suppose that woodmart must set the values of the viewport by means of
    php code.

    2 – How do I reduce the size of the thumbnail gallery that is displayed next to the product photo?
    with the product photo, so that they are shown more without the need to do
    scroll (2)

    3 – is there any way to get woocoomerce or woodmart to “crop” the main product image to a preset size? Any plugin or code?

    4 – this is for you to pass on to the developers. The relevanssi plugin has major problems with dokan. at least in the latest version. many times it does NOT show products when activated. deactivate relevanssi and everything works fine.

    The catalog option of woodmart, hides also the chat button (from dokan) and the label with which woodmart shows the amount of stock.

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    October 24, 2022 at 12:22 pm #416090

    Luke Nielsen
    Keymaster

    Hello,

    1,3. The theme sets the size that is set in the customizer. In the theme at the moment, it is not possible to change the dimensions through PHP.

    https://prnt.sc/BFHl7kZMvUZL

    2. Through PHP, you can only change the number of visible pictures. Add the below code to the fucntions.php file in your child theme.

    add_filter(
        'woodmart_product_gallery_settings',
        function () {
            return (array(
                            'thumbs_slider' => array(
                                    'items'     => array(
                                            'desktop'          => 3,
                                    'tablet_landscape' => 3,
                                    'tablet'           => 4,
                                    'mobile'           => 3,
                                    'vertical_items'   => 4,
                                    ),
                            ),
                    )
            );
        }
);

    4. Could you please check the issue with the “Relevanssi ” and “Dokan” plugins with the default theme? So we will know is it our theme issue or not.

    Please provide your site admin access to the private area so I can check the issue with the catalog option and also, attach screenshots of where I can see the chat button (from Dokan) and the label.

    Kind Regards

    October 27, 2022 at 7:33 pm #417002

    [email protected]
    Participant

    Hello!

    4 – I decided to deactivate relevanssi because several times it stopped showing products.

    2 – the code you sent me to show more thumbnails, adds a new image below breaking the design. I think you should add a number indicating that there are more hidden images to see. Example: “+2 ”

    1,3 – I don’t understand this. Woocommerce does not crop the main image, right? The image is displayed in the proportions it was uploaded. All perfect as long as only one person selects the images with the ideal proportions to display. The problem appears when the site is multivendor. It is normal that different sellers do not look for the ideal image and upload some of different dimensions.

    Where does woodmart take the aspect ratio of the viewport?
    (it would be nice to be able to select the aspect ratio of the viewport).

    If I choose to use square images (1:1) when I upload them to the site, the viewport does not look square. it always shows the larger main image (2:3). Maybe in the future it could be more configurable by taking the data from the chosen ratio in the woocommerce thumbnails (5:4, 3:2, 1:1, etc etc).

    I solved it temporarily with a plugin (smart image resize) with which I can indicate to crop the main image in both width and length measures (in my case, 1080×1350 – aspect ratio 4:5). If the image doesn’t comply, the plugin adds bands top and bottom or left and right with a pre-configured color to fit and not show images of many different sizes.

    On the other hand, I use code in functions.php to avoid loading images that are less than 900px wide and less than 1100 high.
    So I think that this problem very common in multivendor sites is half solved.
    ———————————————————————————
    on the other hand.

    How can I show in a carousel the products of the same seller (this is from dokan) in the same way that woodmart does it with the “related products”? I send screenshot

    Thanks!

    Attachments:
    You must be logged in to view attached files.
    October 31, 2022 at 10:18 am #417522

    Luke Nielsen
    Keymaster

    Hello,

    Sorry for the delay.

    2. You can adjust how many images will be shown via the vertical_items field, set there the value which suits you.

    https://prnt.sc/PA6f9yJGvvn0

    1,3. Our theme doesn’t have such functionality for cropping the main image, it’s related to WooCommerce, or rather via Appearance -> Customize -> WooCommerce -> Product Images. This is described in our documentation:

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

    In general, you can check these issues with the images on the default theme (e.g Storefront) and you will be sure that it’s not related to the theme because we are using the default functionality for images from WooCommerce.

    Our “Related products” is related to WooCommerce as well, so we cannot influent it, unfortunately.

    You can also reach out to us if you have any questions.

    Kind Regards

    November 3, 2022 at 9:14 pm #418500

    [email protected]
    Participant

    thanks. the problem is that i am using woodmart for a multivendor site with dokan. I thought the theme had more integration with dokan. But I see it doesn’t.
    Could you close this thread? thanks

    November 4, 2022 at 10:23 am #418602

    Luke Nielsen
    Keymaster

    Hello,

    If you have any questions or wish to learn more about our theme, do reach out to our customer service team at any time.

    Have a good day!

    Kind Regards

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

The topic ‘some problems with the display images of different sizes’ is closed to new replies.