Blank category on woocommerce (again)

[Igor]

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, 7 months ago by Igor.

[Igor]

This reply has been marked as private.

[Igor]

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, 7 months ago by Igor.
• This reply was modified 5 years, 7 months ago by Igor.

[Igor]

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

[Igor]

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.

[Igor]

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, 7 months ago by Igor.

[Igor]

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

[Jerry]

Hello Igor,

Do you still face above stated issues ?

Please share website url & admin user/pass.

Best Regards

[Igor]

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, 7 months ago by Igor.

[Jerry]

The newest Agama Pro update is coming soon.

Regards

[Author]

Posts