-
Posts
-
Wordpress Installation:
Enfold version: 2.1
WooCommerce Version: 2.0.14
Wordpress Version: 3.6Hello,
I am having trouble customizing the front page of my WooCommerce installation on my Enfold site. This is the page I am working with: http://198.252.65.103/shop/. Effectively, what I am trying to do is use the Avia Layout Builder to insert some content at the top of the page (as displayed) and then have the WooCommerce layered navigation append below that.
For some reason, the formatting is getting all screwy only when I use a Layout Element within the Avia builder (so 1/1, 2/2, 1/3, etc). If I just place a couple text blocks, the navigation works fine. However, as you can see we want to put some imagery beside our blocks so we need to figure out what we’re doing wrong or if it can be fixed.
Hello Ismael,
It is fine except it is missing the layered navigation on the right to filter by attribute (which is key to our functionality). I have attached uploaded a photo below for reference on how it should look below the fold. Also, if you look at the source code, you can clearly see that the navigation widget is being rendered somewhere on the page, just not where it is supposed to be.
Also certain layout elements cause the navigation to relocate to the bottom of the screen, but still not to the right. Help!
Hey!
The shop page (like all other woocommerce pages like the cart page, the single product page and the product archive pages) are not compatible with the layout builder. The reason is that many WooCommerce shop extensions rely on the default shop templates and the advanced layout templates may break the default html structure of the shop templates. If you notice styling problems, etc. with your advanced layout on the shop page please switch to the default editor and use some standard content (and shortcodes) instead.
Cheers!
Peter
- The topic ‘WooCommerce Layered Navigation / Avia Integration’ is closed to new replies.