Support » Theme: Astra » Product image issues

  • Hello!

    I am using the Astra theme with the elementor page builder, woocommerce and WC lovers marketplace.

    The images In my product pages are beeing shown huge on desktop computers, to the point that they look distorte.

    I went to Customize->Woocommerce->product images and changed the Image Width but nothing happened, not even after cleaning cache and regenerating thumbnails with the help of a plugin. I have tried several sizes in this parameter, but the images do not change.
    I even tried a code snippet with no luck (using code snippets plugin)
    The code snippet I am using is:

    <?php
    add_filter( 'woocommerce_get_image_size_single', function( $size ) {
     return array(
     'width' => 400,
     'height' => '',
     'crop' => 0,
     );
    } );

    How else can I reduce the size of my product images?

    Thanks in advance for any help!!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @svh002,

    As of now, there’s no option in the Astra theme to resize the product image width on the Single Product page.

    And the code you are using, it is used for resizing the image dimension that is used on the Single Product page. It will not resize the “space” where the image is showing up.

    I hope that will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman 🙂

    Hi if there is no option to change the width of the Main image width of the single product pages, then what does the option Under Customising > Woocommerce > Product Images > Main image width, do.

    I too have been trying to adjust the image width of the single product page main image but it does not work?

    Kind Regards

    Lee

    Hi @leekane,

    As the description says, it will be the size of the image size used for the main image on the Single Product pages. Please don’t get confused, by “the size of the image” which means the image file used for the main image not the size of the image that is displayed/rendered on the main image, as it would depend on the theme and each theme will render it on a different size. Please refer to this doc.

    That’s why when we set the Main imaged width to a low size/number that is lower than the theme requirement, the product image will look blurry.

    And by the way, this feature is coming from the WooCommerce plugin, not the theme. So, whatever theme we are using, we will have this in the Customizer.

    I hope that clarifies and clears any confusion you may have.

    Kind regards,
    Herman 🙂

    leekane

    (@leekane)

    Hi Herman thanks for the reply i may have to get back to you again in the future as i am still testing.

    However i am not sure of your answer. I also work with another theme and if i change the width of the main image as so:

    Customising > Woocommerce > Product Images > Main image width

    then the main image on the single product page also changes.

    Kind Regards, Lee

    Hi @leekane,

    The other theme you were using, is it a default WordPress theme?

    Actually, the feature to resize the Main image width of the Product page is not available if you are using only the Astra free theme.

    Kind regards,
    Herman 🙂

    Actually, the feature to resize the Main image width of the Product page is not available if you are using only the Astra free theme.

    Thank you, Kind Regards, Lee

    Hi @leekane,

    It looks like you have got what you are looking for. Would you please mark the topic as resolved and feel free to get in touch with us through our Support Portal if you have any questions related to the Astra Pro.

    Have a nice day and stay safe!

    Kind regards,
    Herman 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Product image issues’ is closed to new replies.