Shop Categories

X

Blank category on woocommerce (again)

Home Forums Agama Pro Blank category on woocommerce (again)

Topic Resolution: Resolved
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #6763
    Igor
    Participant

    Hello,

    We are having the blank categories again:
    Content flash: https://drive.google.com/open?id=12XfywVFmMne4cwH8sfHpFw7nZSH1QI-L
    Blank category (1 second after the previous screenshot): https://drive.google.com/open?id=12XfywVFmMne4cwH8sfHpFw7nZSH1QI-L

    All the plugins are disabled (except woocommerce, WPML and clean login) and all customization at both functions.php AND custom CSS are removed. Cloudflare is in development mode.

    Best Regards,
    Igor

    • This topic was modified 5 years ago by Igor.
    #6764
    Igor
    Participant
    This reply has been marked as private.
    #6766
    Igor
    Participant

    Sorry, forgot to include our new URL, the webpage is now at http://beta.bezares.com

    Also including some steps on how things went wrong again:
    – We moved the website to a new URL (same host), enabled its CDN (cloudflare, using 1and1’s own control panel) and installed the (already disabled) plugin “Share, Print and PDF Products for WooCommerce”.

    – The subcategories then got the wrong tumbnail size (original pic size instead of the 190x190px thumbnails) and we disabled all plugins to solve it… after disabling the plugins, the blank categories where back.

    Ps.: We even tried to disable WPML and clean login, leaving just woocommerce, problem persist, changing it to twenty seventeen solves the problem, going back to Agama or Agama Child bring back the problem.

    Ps2.: Even these days while it was working fine, sometines Chropme just “dont get” the style and the space between the products disappear, not a big issue as people not familiar with the page wouldn’t even notice.

    • This reply was modified 5 years ago by Igor.
    • This reply was modified 5 years ago by Igor.
    #6776
    Igor
    Participant

    Problem fixed by itself the next day… maybe its related to opcache after changes? :-/

    #6777
    Igor
    Participant

    Still rendering badly in Chrome: https://drive.google.com/file/d/1iOXhRjZecss9pkjQvNsVXYx2WcOsOHKy/view?usp=sharing

    Found out this line at \wp-content\themes\agama-pro\assets\css\woocommerce.css is overcoming the WordPress settings in Chrome:

    .woocommerce ul.products li.product a img {
    margin: 0 !important;
    width: 100%;
    height: auto;
    }

    If you reload the page it renders fine.

    Fixed hardcoding the correct dimmension.

    #6778
    Igor
    Participant

    OK, hardcoding wasnt a good solution as any update would just replace it… so used this CSS code:

    .woocommerce ul.products li.product a img {
    width: 190px !important;
    height: 190px !important;
    }

    IT fixed the wrong size rendering issues.

    • This reply was modified 5 years ago by Igor.
    #6780
    Igor
    Participant

    The margin issue is this line:
    a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%

    From \wp-content\themes\agama-pro\assets\css\style.min.css

    being rendered by Chrome

    #6815
    Jerry
    Keymaster

    Hello Igor,

    Do you still face above stated issues ?

    Please share website url & admin user/pass.

    Best Regards

    #6823
    Igor
    Participant

    Kind of… the blank categories fixed by itself and we could fix the size rendering issue using CSS, just the spacing between each category we couldn’t fix: https://drive.google.com/open?id=1iOXhRjZecss9pkjQvNsVXYx2WcOsOHKy

    Its weird as it just happens in Chrome and reloading the page makes it load fine and isn’t related to plugins as disabling all of them except woocommerce doesn’t fix the issue…

    BUT, NOW ITS JUST A SMALL ISSUE AND WE ARE OK WAITING IT TO BE FIXED ON THE NEXT VERSION.

    We also noticed its not compatible with the latest WordPress version (4.9) as the customization panels doesnt load on it (reverted back to 4.8)

    How was it fixed?
    – Hardcoding the thumbnail size in woocommerce.css (thumbnails always got the correct size but not its container)
    – Adding THIS CSS:
    div.inner_product, div.thumbnail_wrapper, div.thumbnail_wrapper > img {
    width: 190px !important;
    }
    li.shop_four_col:not(.last), li.product-category.product:not(.last), li.product-type-simple:not(.last), {
    margin-right:2.6% !important;
    }
    li.shop_four_col.last, li.product-category.produc.last, li.product-type-simple.last, {
    margin-right:0px !important;
    }

    BUT THE MARGIN BIT DOESNT REALLY WORKED OUT.

    Ps.: This was mainly FYI, you can close this ticket.

    • This reply was modified 5 years ago by Igor.
    #6833
    Jerry
    Keymaster

    The newest Agama Pro update is coming soon.

    Regards

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.