I've encountered an interesting problem on one of my client's Woocommerce archive and single product pages.
For some reason, no stylesheet is loading at all on these pages and they are completely unformatted. Oddly enough, the stylesheets seem to be loading on the cart and checkout page just fine. This is a pretty basic store, all I really need is the default Woocommerce stylesheets to load for now.
Archive:
<a href="http://lifeserveltd.com/online/shop/" rel="nofollow noreferrer">http://lifeserveltd.com/online/shop/</a>
Single Product Example:
<a href="http://lifeserveltd.com/online/product/1-life-story/" rel="nofollow noreferrer">http://lifeserveltd.com/online/product/1-life-story/</a>
From my research, I came across two possible answers online and implemented them both with no luck yet.
The first possible fix I came across suggested putting
inside the
tag like this in header.php:
I can confirm that this is done.
The second solution involves editing the woocommerce.php file by wrapping the
in a
Unfortunately, the people in the articles didn't share the exact syntax they used so I tried a couple different ways of "wrapping". Here is what I tried. (I'm new to wordpress development so don't laugh too hard):
1) Am I doing this right?
2) If so, what else could cause the stylesheets not to load?
I will post the articles referencing solutions in the comments because I have reached my link limit.
Thanks in advance for anyone who puts time into helping me with a solution. I deeply appreciate your time and effort and will find a way to pay it forward somehow.
For some reason, no stylesheet is loading at all on these pages and they are completely unformatted. Oddly enough, the stylesheets seem to be loading on the cart and checkout page just fine. This is a pretty basic store, all I really need is the default Woocommerce stylesheets to load for now.
Archive:
<a href="http://lifeserveltd.com/online/shop/" rel="nofollow noreferrer">http://lifeserveltd.com/online/shop/</a>
Single Product Example:
<a href="http://lifeserveltd.com/online/product/1-life-story/" rel="nofollow noreferrer">http://lifeserveltd.com/online/product/1-life-story/</a>
From my research, I came across two possible answers online and implemented them both with no luck yet.
The first possible fix I came across suggested putting
Code:
<?php body_class(); ?>
Code:
<body>
Code:
<body <?php body_class(); ?>>
I can confirm that this is done.
The second solution involves editing the woocommerce.php file by wrapping the
Code:
<?php woocommerce_content(); ?>
Code:
<div class="woocommerce"></div>
Unfortunately, the people in the articles didn't share the exact syntax they used so I tried a couple different ways of "wrapping". Here is what I tried. (I'm new to wordpress development so don't laugh too hard):
Code:
<div class="woocommerce"><?php woocommerce_content(); ?></div>
<div class="woocommerce" <?php woocommerce_content(); ?>></div>
<div class="woocommerce"><?php woocommerce_content(); ?> PAGE CONTENT </div>
1) Am I doing this right?
2) If so, what else could cause the stylesheets not to load?
I will post the articles referencing solutions in the comments because I have reached my link limit.
Thanks in advance for anyone who puts time into helping me with a solution. I deeply appreciate your time and effort and will find a way to pay it forward somehow.