Return to previous page

Problem with WooCommerce category containing anything with 'span' in its name

This topic has 12 replies, 2 voices, and was last updated 10 years, 1 months ago ago by Robert Hall

Marcel Weber

Participant

November 20, 2015 at 09:55

Dear 8theme-team,

We encounter a problem with the Legenda-page-layout when we use the word ‘Spanje’ (Dutch for Spain) as a category. It looks like this has to do with the fact that Spanje contains the word ‘span’ in it. When we change the name to Span-je with the minus in-between the layout is fine.

The problem occurs on the category page itself but also on all product pages that are part of that category.

Please have a look.
The page layout as it should look like:
http://mappa.besidespurple.nl/product-categorie/europa/

The weird page layout of the category containing ‘span’ in it:
http://mappa.besidespurple.nl/product-categorie/europa/spanje/

Any help is appreciated. Thanks in advance.

#100495 Copied

11 Answers
Robert Hall

Participant

November 20, 2015 at 10:00
Hello,

Try to add this code in custom.css

.archive [class*="span"] { float: none; min-height: inherit; margin-left: 0; }

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#100496 Copied
Marcel Weber

Participant

November 20, 2015 at 10:28

Thanks for the quick reply. I’ve put the code in the custom.css but unfortunately it doesn’t fix the problem. Could you please have a look once more?

Thank you again.

#100502 Copied

Robert Hall

Participant

November 20, 2015 at 10:45

Hello,

Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#100506 Copied

Marcel Weber

Participant

November 20, 2015 at 10:59

Thank you. Here you are (wp-admin access in private content):

Please, contact administrator
for this information.

#100507 Copied
Robert Hall

Participant

November 20, 2015 at 11:07
I’ve aded this code in Child Theme. Please check page now.

.term-spanje { float: none !important; min-height: inherit !important; margin-left: 0 !important; }

Regards,
Robert Hall.
#100510 Copied
Marcel Weber

Participant

November 20, 2015 at 11:31

Works indeed for the category-page ‘Spanje’. But unfortunately the problem persists for the product that is associated with this category:

http://mappa.besidespurple.nl/product/kaart-van-rotterdam/

I guess this will affect all (future) products our client will put onder the category ‘Spanje’.

It’s a test product, of course Rotterdam isn’t in Spain 😉

Your help is appreciated. Thank you once more.

#100513 Copied
Robert Hall

Participant

November 20, 2015 at 13:08
I’ve just added the following code in Child Theme also. Please check.

.single-product [class*="span"] { float: none; min-height: inherit; } .single-product .container{ margin-left: auto; }

Regards,
Robert Hall.
#100520 Copied
Marcel Weber

Participant

November 20, 2015 at 13:26

Thank you, Robert, this fixes the header, footer and the tabs underneath the products. But the product title, categories and short description should display to the right of the product picture like it was before you added the extra-css code. The Legenda standard way so to say. Could you please fix this?

Also after the problem with the category-page for category ‘Spanje’ seemed to be fixed it displays now again as it was before:

http://mappa.besidespurple.nl/product-categorie/europa/spanje/

It should display like all other categories, for example ‘Nederland’:
http://mappa.besidespurple.nl/product-categorie/europa/nederland/

Please have a look again. Thanks in advance.

#100523 Copied

Robert Hall

Participant

November 20, 2015 at 14:19

The issues was fixed. See screenshot below:
1) http://prntscr.com/94vlxz
2) http://prntscr.com/94vm7k

Regards,
Robert Hall.

#100528 Copied

Marcel Weber

Participant

November 20, 2015 at 14:51

Thank you very much!

#100532 Copied

Robert Hall

Participant

November 20, 2015 at 14:53

You’re welcome

Regards,
Robert Hall.

#100533 Copied
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Problem with WooCommerce category containing anything with 'span' in its name’' has been successfully resolved, and the topic is now closed for further responses

Problem with WooCommerce category containing anything with 'span' in its name

Explore our best WordPress WooCommerce Themes collection