WooCommerce Product Thumbnails Duplicating

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

  • Avatar: codeofarms
    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!

    7 Answers
    Avatar: Rose Tyler
    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

    Avatar: codeofarms
    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?

    Avatar: Rose Tyler
    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

    Avatar: codeofarms
    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?

    Avatar: Olga Barlow
    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

    Avatar: codeofarms
    codeofarms
    Participant
    June 11, 2018 at 15:34

    Thank you very much for the clarification.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 11, 2018 at 15:40

    Hello,

    You’re welcome!

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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