Return to previous page

Product categories not displaying correctly

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

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?

#131470 Copied

23 Answers

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

#131526 Copied Theme version: 1.6 WooCommerce version: 2.6.1

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.

#131566 Copied

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.

#131573 Copied

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.

#131576 Copied

smartrobbie

Participant

June 29, 2016 at 09:11

just incase you need it ftp details listed below.

Please, contact administrator
for this information.

#131577 Copied
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.
#131622 Copied
smartrobbie

Participant

June 29, 2016 at 10:39

thanks eva that is looking better.

do you know what would have caused this change?

#131624 Copied

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?

#131630 Copied
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.
#131636 Copied
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?

#131805 Copied

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.

#131831 Copied

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.

#131875 Copied

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.

#131876 Copied

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.

#131883 Copied
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.
#131892 Copied
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?

#131897 Copied

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.

#131906 Copied

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?

#131930 Copied
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.
#131945 Copied
smartrobbie

Participant

June 30, 2016 at 15:21

that looks better 🙂 thank you.

is it an issue with the icon vc addon plugin?

#131948 Copied

Eva Kemp

Support staff

June 30, 2016 at 16:55

Hello,

Please clarify your question regarding “Ultimate Addons for Visual Composer” plugin?
Do you have any issues with it?

Regards,
Eva Kemp.

#131978 Copied

smartrobbie

Participant

July 3, 2016 at 04:37

hi,

further up on this ticket we had issues with product categories displaying

we resolved this with

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

but for some reason, it fixed it on most pages, but still not working on a couple of categories:

https://www.milkbarbreastpumps.com.au/product-category/bras/

2nd, 3rd, 5th, rows aren’t aligned.

https://www.milkbarbreastpumps.com.au/product-category/bottle-feeding/

2nd, 5th, 8th, 10th, etc rows are not aligned.

#132257 Copied
Eva Kemp

Support staff

July 4, 2016 at 07:24
Hello,

Please add this code in Custom CSS for desktop section:
```
.product {
   height: 500px;
}
```
Regards,
Eva Kemp.
#132300 Copied
Tagged: correctly, display, product categories, themes, woocommerce, wordpress
Viewing 24 results - 1 through 24 (of 24 total)