Return to previous page

WooCommerce Product Thumbnails Duplicating

This topic has 8 replies, 3 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

codeofarms

Participant

June 7, 2018 at 16:40
Hello,

We are having an issue wherein the product thumbnails are duplicating on all products.
The slider appears as it should (with the different product variations) but the images below are all the same as the first image. It appears to create instances of the image for each

Here is am example.

The Js console also logs:
- Failed to load resource: the server responded with a status of 404 (Not Found) – /wp-content/themes/royal/custom.css:1
- Failed to load resource: the server responded with a status of 404 (Not Found) – custom.css:1
Any insight is appreciated! Thank you!
#194547 Copied Theme version: 4.5 WooCommerce version: 3.4.2
7 Answers

Rose Tyler

Support staff

June 8, 2018 at 07:57

Hello,

Thanks for the topic.
Try to re-save Theme Options. Let us know if it will solve the problem with thumbnails.
Do you use a child theme? If you created child theme before 4.0 update, you need to create the dynamic.css file in royal-child theme folder and set permissions 777 for the file + add wp_enqueue_style( 'dynamic-css', get_stylesheet_directory_uri() . '/dynamic.css' ); in royal-child/functions.php file.

Regards

#194563 Copied

codeofarms

Participant

June 8, 2018 at 15:57

Thank you very much! Re-saving the Theme Options did the trick for the thumbnails.

We are using a legacy child theme so we will make the changes. Should this fix our 404 error on the CSS file?

#194602 Copied

Rose Tyler

Support staff

June 8, 2018 at 16:06

You’re welcome!
Did you add any code in custom.css file of parent theme? If not, go to Theme Options > Custom css > Enable Custom CSS file > Off.

Regards

#194603 Copied

codeofarms

Participant

June 8, 2018 at 16:09

Yes, we have a sizeable amount of styles in the Global Custom CSS and Custom CSS for mobile. Which I guess is not loading if it cannot find the custom.css file?

Would be better served to move it into styles.css in the child theme?

#194604 Copied

Olga Barlow

Support staff

June 9, 2018 at 11:10

Hello,

Global Custom CSS and Custom CSS are 2 ways to add custom. if you want to use Custom CSS via file you need to create the file in the theme’s directory and then enable it in theme options. But if you prefer the Global Custom CSS you don’t need to create any file and Custom CSS file option should be disabled.

If you don’t want to use Global Custom CSS area then you can use child theme style.css.

Regards

#194617 Copied

codeofarms

Participant

June 11, 2018 at 15:34

Thank you very much for the clarification.

#194705 Copied

Rose Tyler

Support staff

June 11, 2018 at 15:40

Hello,

You’re welcome!

Regards

#194706 Copied
Viewing 8 results - 1 through 8 (of 8 total)