Product categories not displaying correctly

This topic has 24 replies, 3 voices, and was last updated 7 years, 9 months ago ago by Eva Kemp

  • Avatar: smartrobbie
    smartrobbie
    Participant
    June 28, 2016 at 15:13

    https://www.milkbarbreastpumps.com.au/brand/bebe-au-lait/

    the product categories display on top of each other. they used to sit next to each other in a row, but now it doesnt any ideas?

    23 Answers
    Avatar: smartrobbie
    smartrobbie
    Participant
    June 29, 2016 at 06:28

    hi, I have been trying to trouble shoot this and no luck.

    I uploaded the ‘woocommerce’ template files that are out of date to the theme template files, but it broke even more.

    tried looking at all the plugins etc.

    I switched the theme over to theme 26 and the product categories display correctly.

    so im guessing it comes down to the theme template files in woocommerce that are out of date:

    classico/woocommerce/content-product.php version 2.5.0 is out of date. The core version is 2.6.1,
    classico/woocommerce/content-product_cat.php version 2.5.2 is out of date. The core version is 2.6.1,

    classico/woocommerce/myaccount/form-edit-address.php version 2.1.0 is out of date. The core version is 2.6.0,
    classico/woocommerce/myaccount/form-login.php version 2.2.6 is out of date. The core version is 2.6.0,

    Can you update these files and send me new ones to add? I need this as the site is completely broken and doesnt look good.I have google adwords driving traffic to the site and getting lots of visitors.

    thanks,

    Robyn

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 29, 2016 at 09:01

    Hello,

    You must never reload the files in wp-content/themes/classico/woocommerce directory with files from Woocommerce plugin. They are modified by our developers to align Woocommerce templates with the theme design.
    The only folder that you can update is wp-content/plugins/woocommerce. Woocommerce plugin files are stored in there. The directory wp-content/themes/classico/woocommerce contains the files that are modified by theme developers.

    So now you need to remove “woocommerce” folder in wp-content/themes/classico directory and upload the original folder from the theme package.

    Best regards,
    Jack Richardson.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 29, 2016 at 09:09

    hi tried all ways, just updating woo commerce, tried uploading the woocommerce files to the theme, but none of it works. I resorted it back to the original but the product categories are still broken! need this fixed asap. any ideas.

    I resported the original theme files…. but broken.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 29, 2016 at 09:10

    i re added the original theme files but the product categories are broke and not looking good. i added the theme 26 and it looks fine, so it is something with your theme and woocommerce not linking up.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 29, 2016 at 09:11

    just incase you need it ftp details listed below.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    June 29, 2016 at 10:33

    Hello,

    Please use this code in Custom CSS for desktop section:

    .row-count-3 .product:nth-child(3n+1) {
        clear: none !important;
        height: 500px;
    }

    Regards,
    Eva Kemp.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 29, 2016 at 10:39

    thanks eva that is looking better.

    do you know what would have caused this change?

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 29, 2016 at 10:50

    hi, the owner said it looks broken still on ipad and iphone? how can I fix that?

    Avatar: Eva
    Eva Kemp
    Support staff
    June 29, 2016 at 11:02

    Hello,

    Add this code in Custom CSS for mobile section:

    .row-count-3 .product:nth-child(2n+1) {
        clear: none !important;
        height: 430px;
    }

    and this code in Custom CSS for tablet:

    .row-count-3 .product:nth-child(3n+1) {
        clear: none !important;
        height: 480px;
    }

    Regards,
    Eva Kemp.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 30, 2016 at 06:45

    hi, wondering fi you made some changes as I noticed some files changed on the ftp.

    since then the font on the website is all different.

    do you know what might have changed?

    Avatar: Eva
    Eva Kemp
    Support staff
    June 30, 2016 at 08:42

    Hello,

    I just reuploaded “woocommerce” folder in the theme directory. No settings were changed.
    Please clarify the issue with font with more details.

    Regards,
    Eva Kemp.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 30, 2016 at 11:49

    hi, a fair bit of the text has changed, not sure if it is just turned to italics or if it changed fonts too.

    There is a fair bit in italics when it shouldnt be.

    – shop page: categories on the left, product titles
    – the pop up. shows different to what the options are in the backend.

    seems like something has overridden the styling?

    it wasn’t like this yesterday morning, so something changed last night.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 30, 2016 at 11:51

    the correct font – see shop, scroll down on the left in the side bar under ‘brands’ this font is correct. the rest has changed somehow.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 30, 2016 at 12:12

    hi quick question did you login to the wordpress account using my login? just checking as I got a login alert from Ukraine.

    Avatar: Eva
    Eva Kemp
    Support staff
    June 30, 2016 at 12:44

    Hello,

    I’ve added this code in Global Custom CSS:

    .product-categories > li > a, .product-categories > li > ul.children li > a {
        font-style: normal;
    }

    Please check sidebar now.

    Clarify with more details what is wrong with promo popup?

    Regards,
    Eva Kemp.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 30, 2016 at 12:54

    Hi Eva,

    thanks for this, looking at it there is italics in a lot of places that werent there before:

    – prices on products
    -add to cart button
    – product category title
    – brand title in sidebar
    – the footer
    – i think the sale and out of stock icons
    – the pop up with is with popup ally pro
    what it looks like now: https://www.dropbox.com/s/oezubgeentvutr7/Screen%20Shot%202016-06-30%20at%208.46.59%20pm.png?dl=0

    what it should look like (in backend) this is how it looked yesterday: https://www.dropbox.com/s/r1ytzy7mhtmmxrm/Screen%20Shot%202016-06-30%20at%209.52.43%20pm.png?dl=0

    something seems to be overriding it? could there be a file that was uploaded to the FTP last night affecting this?

    Avatar: Eva
    Eva Kemp
    Support staff
    June 30, 2016 at 13:03

    Hello,

    You may try to restore site files and database from the latest backup for the date when your site was displayed properly.
    Ask your hosting provider support if there is any backup on a server.

    Regards,
    Eva Kemp.

    Avatar: smartrobbie
    smartrobbie
    Participant
    June 30, 2016 at 14:38

    hi, i restored back to yesterday mornings back up but that didnt seem to fix it. i thought it looked fine yesterday but not sure.

    can you tell at all what is over riding the font styles?

    Avatar: Eva
    Eva Kemp
    Support staff
    June 30, 2016 at 15:12

    Hello,

    Try to use this code in Global Custom CSS:

    a, strong, .ico-smallpacket {
        font-style: normal !important;
    }

    Regards,
    Eva Kemp.

  • 1 2
    Viewing 20 results - 1 through 20 (of 24 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.