- This topic has 12 replies, 3 voices, and was last updated 8 months, 2 weeks ago by
.
-
Posts
-
I have a slight issue with the placement of the sidebar of my Woocommerce store. Instead of the sidebar being on the side as it should be, it’s appearing at the bottom of the page. It only appears to affect the front page of the store and not the product pages.
Can anyone shed some light as to how to fix this?
Link: https://www.craftylion.com/estore/
Thanks in advance!
I see the page layouts of /craftylion.com/estore/ and your home page of /craftylion.com to be the same, with no right sidebars.
However, your About page /craftylion.com/deeper-down/whats-in-a-name/ does have a right sidebar.
On /craftylion.com/estore/ I see two lines of white text, with green contact details below, but can see no Woocommerce store information.
Is that correct as you see it?
Checking on /tools.pingdom.com I see that the site is loading WooCommerce data, but for me, nothing of it is showing, as far as I can see. (See: https://tools.pingdom.com/#66dcb6a2dd400000 )
Also, FYI, though the block for the bottom contact details extends full width, the line “The Crafty Lion (Caetlyn McLean)” always shows in 2 lines, not 1, even on full screen view.
Regards.
Yes, can see something now. A right-mouse click on the /estore/ page to display “Block Elements” appears to show that the WooCommerce block extends full width of the page. Which leaves no room for the right sidebar, I’d guess.
Have you checked the “Weaver Xtreme Options For This Page” – access via “Screen Options” at the top of the edit screen on the right?
Since your “About” page functions correctly, it looks like Xtreme is functioning correctly.
What happens to the About page if your insert the WooCommerce block in above the present About contents?
Regards.
I have the Weaver Xtreme Options ticked for the page.
I don’t use blocks. I use the classic editor plugin.
What I don’t understand is why the sidebar doesn’t show on the right hand side of the front store page when it does on the product page.
Yes agreed. That’s why I was asking what happens if you drop tbe Woo code into a known working page, like the About one.
It may be Woo that’s the issue.
Regards.
@weaver needs to look at this.
There is a WooCommerce wrapper, and inside that wrapper is a container div with a width of 100% and below a primary widget are with the 20% sidebar width.
This is clearly not right, so I wonder if this is a WooCommerce issue of if something is broken.
One thing that can brake sites is if you are using a plugin that optimizes Js and CSS.
If you are, deactivate that plugin, or make sure to exclude all Weaver files from the optimization as they are already optimized.
Deactivating all plugins momentarily would confirm if one of them is causing trouble. If so, you can reactivate one by one to find the culprit
It doesn’t appear to be a plugin conflict because I’ve deactivated all non-essential plugins and the issue still remains.
Comparing the structure of the product page (which has the proper right sidebar on the side) and the Store page (which has the sidebar at the bottom), you can clearly see the problem.
On the product page you have the container-inside div that includes two divs with the proper sidebar classes.
- The content div with the sidebar classes setting an 80% width
- And the Primary widget area with the sidebar class setting the 20% width.
On the Store page, there is a WooCommerce wrapping div above it all, then underneath, the container div and the primary widget area are at the same level, and the container div does not have any sidebar class (nor does the content div inside it). As a result it has a width of 100% that pushes the Primary widget area below.
So the structure is clearly wrong, and the issue is to determine if this is a bug or if something if corrupting the site structure.
If you are 100% sure you have nothing optimizing the site, and if you have tried deactivating ALL non weaver plugin (not only non essential), then @weaver would need to have a look.
I did a little test and reinstalled the Weaver theme but the problem still remains.
All suggestions on the Woocommerce support forum within wordpress.org to rectify the issue yielded no results so I’m not sure if it is a plugin issue.
After some series thought, I’ve decided to re-install WordPress and the issue has now been resolved.
This reply has been accepted as the best answer.
Haha, Congratulations and Happy New Year!
Well done Caetlyn, and thanks for sharing your success 🙂
Regards!
- You must be logged in to reply to this topic.