Return to previous page

Woocommerce grid products, image doesn’t changes, when I select options

This topic has 12 replies, 2 voices, and was last updated 2 years, 5 months ago ago by george

  • Avatar: george
    george
    Participant
    August 27, 2022 at 09:38

    Hello. On the main page https://andrejkoepta.com/, where the product grid is, when I select options (color / size) image doesn’t changes. When I apply the 300×300 size – everything is good, the but images are blur.

    Also, if I select quick view, everything is fine with the options there. Regardless of the size

    I need to fix it ASAP.

    #332582 Copied Theme version: 8.3.1 WooCommerce version: 6.8.1
    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 07:29

    Hello,

    Thanks for contacting us.
    Let’s answer questions one by one:
    1/ Try to disable all the third-party plugins (including cache plugins), that do not come bundled with XStore https://www.8theme.com/documentation/xstore/plugins/included-plugins/ , clear cache of browser, then check. Maybe one of the additional plugins is the reason for the problem.
    2/ When I apply the 300×300 size – everything is good, the but images are blur. – do you mean images change depending on color selected when this size is applied? If so, try to regenerate thumbnails using plugin – https://wordpress.org/plugins/force-regenerate-thumbnails/
    Let us know results.

    Regards

    #332606 Copied
    Avatar: george
    george
    Participant
    August 28, 2022 at 08:32

    You misunderstand me. I’ll try to explain again

    On the main page, I use Xstore elementor widget (depreceated) – “products”.

    There I use Grid with products. When I choose woocommerce image size – 300×300. All options below ( https://prnt.sc/wSt1AWkAVIjd ) work. I press (for example) red color, size XL and the picture changes to a red t-shirt. Or I press blue color, size L and the picture changes to a blue t-shirt . !!BUT!! I use 3 columns. All pictures are a bit blur.

    When I choose woocommerce image size 600×0. All options below doesnt’ work. I press red color, size XL and the picture doesn’t change to a red t-shirt. Options doesn’t work!!! But the pictures are of good quality..

    I think this is a bug in your widget. So, how to fix it? The customer is waiting. I lose money.

    #332619 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 10:07

    Hello,

    Follow next steps:
    1/ Replace the outdated element with the new Products grid element.
    2/ Set image size in settings of that element – https://prnt.sc/RZ6TVPg-3GgR
    3/ Regenerate thumbnails using the plugin.
    Let us know the result.

    Regards

    #332637 Copied
    Avatar: george
    george
    Participant
    August 28, 2022 at 10:16

    1) Why? I need these options below. How do I turn them on?
    2) Please, read carefully, ( Xstore elementor widget (depreceated) – “products”. ) https://prnt.sc/7R5c93Vtmgec – where is that option? https://prnt.sc/IhPT0iPNisCa
    3) Doesn’t help

    #332638 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 15:03

    Why do you want to use the (deprecated) – “products” element? We would recommend you use “Products grid” element.
    Doesn’t help – yes, because you did not do 1 and 2 steps, please do them one by one.

    Regards

    #332650 Copied
    Avatar: george
    george
    Participant
    August 28, 2022 at 15:28

    and again… You misunderstand me!!!

    I want options below!!!!!

    (deprecated) – “products” element – https://prnt.sc/WdDdZpY38LDn I HAVE those options (colors)

    new Products grid element – https://prnt.sc/tdoDQem1PYXB I DON”T have those options. Is it clear now?

    almost all your demos come with (deprecated) – “products” element. That’s why I bought your theme.

    #332652 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 15:44

    Hello,

    Thanks for the reply.
    Please provide temporary wp-admin and FTP access, so I can pass this topic to our dev team.
    wp-admin access: Create an account via Dashboard (Users > Add new) with administrator role http://prntscr.com/s3rc9m > provide us with username and password via the Private Content area http://prntscr.com/s5mao7 You can use any email for it.
    ftp access: If you do not know how to create FTP contact with your hosting provider, they will help you.

    Regards

    #332654 Copied
    Avatar: george
    george
    Participant
    August 28, 2022 at 15:59

    What for?

    You can’t create the new grid with products and attributes on your virtual server? Just create the new grid with products. Make attributes, variations. And write please, how to make options visible. Like on the picture – https://prnt.sc/WdDdZpY38LDn
    I showed you everything.
    I explained everything to you.

    Give me a solution or admit that this is an oversight on your part. I need a solution ASAP, my costumer is waiting.

    #332656 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 19:04

    Hello,

    Sorry for misunderstanding you from the first posts, so let’s try to figure it out.
    1/ You want to keep the image size as you have (any size you want)
    2/ But you don’t want to make images stretch (blurred if size of image is smaller than it could be on a large PC)
    3/ If it is so you may use the next solutions
    3.1/ Add next lines of css on your Products Widget -> Advanced Tab -> XStore Custom CSS -> https://prnt.sc/9BSn69hsUR_s (you will have images not stretched but max-sized due to column)

    selector .content-product .product-content-image img {
width: auto;
}

    3.2/ Or you may disable global option of stretching product images -> Theme Options -> WooCommerce -> Shop -> Products Style -> https://prnt.sc/sMXZVvMN5P7l
    I hope you can find the right solution for your case from the provided two above 🙂

    Regards

    #332666 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 19:05

    And write please, how to make options visible. Like on the picture – https://prnt.sc/WdDdZpY38LDn – our dev team answered that there is no a quick solution, and you can continue using (deprecated) – “products” element

    Regards

    #332667 Copied
    Avatar: george
    george
    Participant
    August 28, 2022 at 19:48

    Thank you so much. It worked for me. 🙂

    #332669 Copied

  • Tagged: , , , , ,

  • Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Woocommerce grid products, image doesn’t changes, when I select options’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Interior Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.