WooCommerce issue

Hello, can you please help me? Namely, when I click on the product, the product does not open automatically. To open it, I must first click on the magnifying glass. Do you know the issue and why it doesn’t open automatically? In the video below you can see what exactly it is about.

https://www.awesomescreenshot.com/video/29071970?key=53d6eac4a5f50afe000a422e4fdc59e7

The page I need help with: https://barberteka.com/

Hello @dadodurakovic,

Thank you for reaching out and sharing the details.

I was able to replicate the issue on your site as well. This kind of problem is usually caused by a conflict with your theme or with another plugin. The best way to determine this is by?running a conflict test.

To test, you’ll first want to change the theme on your site to Storefront, then check to see if the issue is still present. If that resolves the issue, you’ll want to get in touch with your theme’s developer and see if they have an update or fix for you.

If changing the theme doesn’t help, you’ll want to deactivate all plugins except for WooCommerce and take a look. If that fixes the problem, re-enable the other plugins one by one (gradually), checking after each, to see where the issue is coming from.

Be sure you have a good backup in place of your full site and database. You can ask your host for backup functionality or you can consider using a service like Jetpack. If something goes wrong, you will be able to restore it.

I hope that helps! Let us know once you have done a conflict test!

Hello @rajeshml ,

I only changed the theme and everything was ok. Issue is created by Astra theme and WooCmmerce. Is there any way to remove this?

• This reply was modified 4 months, 3 weeks ago by dadodurakovic.
• This reply was modified 4 months, 3 weeks ago by dadodurakovic.

Hello ??@dadodurakovic,

I only changed the theme and everything was ok. Issue is created by Astra theme and WooCommerce.

Thank you for confirming this with us.

As Astra is a third-party theme, this is therefore out of our support scope, I’d recommend reaching out to their support team for further assistance.

I hope this helps.

Hi, i contacted Astra support and they told me that it is not a problem in the theme. You can watch it in the video below. I even reinstalled woocommerce, but nothing happens. I am sending you the answer from astra support:

“Hi, Adnan

Thank you for writing back!

I checked the website on my end and noticed the issue to be happening even with the default Storefront theme. Please check <u>this screencast</u> I recorded showing the same.

As you can see in the above screencast, the single product page content is not clickable on the default theme similar to the Astra. 

It indicates the issue not to be related to Astra but probably some other conflicts. Also, the issue happens when logged out from the website but not when logged in to the website dashboard”.

https://photos.onedrive.com/share/3F5D72DD7CB4E3AA!6764?cid=3F5D72DD7CB4E3AA&resId=3F5D72DD7CB4E3AA!6764&authkey=!AFYde2CobrqLJc8&ithint=video

• This reply was modified 4 months, 1 week ago by dadodurakovic.

Hi again @dadodurakovic,

Could you please confirm that at the the time of testing only WooCommerce was the active plugin?

Hey, @dadodurakovic!

Thanks for sharing that.

Can you please run a full conflict test to see if something external is interfering with this?

To test, you’ll first want to change the theme on your site to Storefront again, then you’ll want to deactivate all plugins except for WooCommerce and take a look. If that fixes the problem, re-enable the other plugins one by one (gradually), checking after each, to see where the issue is coming from.

— Be sure you have a good backup in place of your full site and database. You can ask your host for backup functionality or you can consider using a service like Jetpack. If something goes wrong, you will be able to restore it.

— Also, you can consider using a plugin like Health Check & Troubleshooting. This is a plugin developed by the WordPress community and it is helpful to disable plugins without affecting your current site visitors.

— It is important to consider as well a staging functionality in case you would not like to touch your production site (you can ask your host if they offer this service), or you can use WP Staging for quickly spinning up a new test site.

You can find more about this in this guide.

Please let us know about your findings.

Have a wonderful day!

Hi carolm29?,ckadenge

Thank you for your help. Believe me, I have tried all possible combinations. You can see everything in the video below.

https://www.awesomescreenshot.com/video/29646984?key=b9e92f6210ccc4cb2cd481e303deb9dc

• This reply was modified 4 months, 1 week ago by dadodurakovic.

Hi @dadodurakovic

I’ve conducted a thorough check on your site, and it seems like the issue might stem from the page builder you used to create or customize your single product page. Alternatively, it could also be due to some custom code you’ve added. Either way, it seems to be causing a conflict with the WooCommerce Zoom and Lightbox functionality.

First, disable all plugins, then clear your site and server cache, especially from Nitropack. After that, head over to WooCommerce → Status → Tools, and do the following:

• WooCommerce transients – Clear
• Expired transients – Clear
• Clear template cache – Clear
• Capabilities – Reset Capabilities
• Clear customer sessions -Clear
• Product lookup tables – Regenerate
• Regenerate the product attributes lookup table – Regenerate
• Regenerate the product attributes lookup table – Regenerate

Next, make sure no custom code or CSS is applied. If needed, check in Appearance > Customize > Additional CSS. Once you’ve set everything to default, clear your browser cache and check whether the issue exists.

Additionally, if you want lightbox, and disable zoom option, you can add this code snippet to your child theme’s functions.php file:

add_action( 'wp', 'bbloomer_remove_zoom_lightbox_theme_support', 99 );
  
function bbloomer_remove_zoom_lightbox_theme_support() { 
    remove_theme_support( 'wc-product-gallery-zoom' );
}

Or this one: https://github.com/woocommerce/woocommerce/issues/18131

add_action( 'template_redirect', function() {
    remove_theme_support( 'wc-product-gallery-zoom' );
}, 100 );

I hope this helps! Please let us know how it goes or if you need further assistance.

Hi Shameem,

tx for help. ?I did everything, step by step, but nothing happened. Also, when I add the code to the child theme’s functions, the magnifying glass disappears and I can’t open the product page at all (product page content is not clickable), and the site remains frozen.

Hi @dadodurakovic

I did everything, step by step, but nothing happened. Also, when I add the code to the child theme’s functions, the magnifying glass disappears and I can’t open the product page at all (product page content is not clickable), and the site remains frozen.

Could you please switch to a default theme like Storefront or Twenty Twenty-Four? Also, ensure that you’ve only enabled the WooCommerce plugin and disabled all the others. Once you’ve made these temporary changes, please let me know so I can conduct some debugging.

Looking forward to hearing from you!

Hi Shameem?,

I did as you said.

Hi @dadodurakovic

I went ahead with testing further.

Note that, while the site is https://barberteka.com/, all product pages have a button reading KUPI NA SHOPPSTER.RS.

If deliberately, there is remaining functionality to be deactivated in the site’s code.

Otherwise, consider starting with a new/fresh WooCommerce site, and migrate products, orders, and related data to it – in order to go for a more time-efficient solution to this.

I hope this is helpful! Please let us know if you have any further questions or concerns.
We will be happy to help you further.

Hi anastas10s/,

thank you for your help. Please, can you tell me which functions in the site’s code need to be deactivated in order for the site to work normally.

Hey, @dadodurakovic!

I checked your website again now and see you are using a different theme than you were when I checked yesterday.

Today, I was able to interact with the product page before clicking on the magnifying glass. Are you also able to do this on your end?

Please, can you tell me which functions in the site’s code need to be deactivated in order for the site to work normally.

When I clicked on the button KUPI NA SHOPPSTER.RS, which is where the add to cart button should be, it redirected to a different website. Since this is not default behavior, it is good to remove it if you are still experiencing issues to check if it solves it.

How did you change the add to cart button? Did you use custom code?

Looking forward to your reply.

Have a wonderful day!