Product gallery navigation not working on shop page

I also get this message above my dashboard page:
‘Your theme has bundled outdated copies of WooCommerce template files – if you encounter functionality issues on the frontend this could the reason. Ensure you update or remove them (in general we recommend only bundling the template files you actually need to customize). See the system report for full details.’

Maybe this has something to do with it?

I have all the latest updates.

Hey, did you update woocommerce? That could be your issue.

Hi hannah,

Yes woocommerce is updated.
I also tried solving the issue by manually putting copied files from the woocommerce plug-in directory info the themes directory for woocommerce so the files would be the latest versions, but I still have the message at the top of the dashboard. And I do not know if this is really causing the gallery navigation of my shop to fail working correctly?

Hey,
If you have the latest version of the theme then you shouldn’t have any notice about out of date template files. Can you not update your theme?

As for your pagination issue, change your permalink structure to post title in wordpresss settings > permalinks.

Save and test.

Kadence Themes

Thanks for your answer! It solved the pagination issue. I also found out that it was the child theme that was causing the message. So I removed the woo commerce directory from the child theme.

My only problem now is that the featured/gallery images of the categories are not squares anymore? Can you help me with this?
And also the names of the categories that are displayed over the image are not readable anymore. Can you help me fix the size and font?

Thanks for your response earlier, I’m very relieved the pagination issue is gone!

Debbie

Hey, can you post a link to your category page?
This code should work to edit the font size, colors, and padding of your category captions. Just paste it in your custom css box in theme options > advanced settings.

.product-category.grid_item a h5 {
color: #000;
background: rgba(0,0,0,.8);
padding: 6px 15px;
font-size: 14px;
}

Hannah

Worked perfectly.
I also found out how to make the images squares.

Thank you for the help!

Debbie