How to make Woocommerce shop home look like the demo?

Hi,

You have an example of the Woocomerce frontpage here: https://demo.tagdiv.com/newspaper_tech/shop/

It doesn’t seem possible to replicate this as the tagdiv composer blocks don’t change the content of the page output.

The composer edit screen shows an error warning at the top of the page:
Errors happened during tdcIframeData.init() -> bindViewsModelsWrappers()!
I get the same testing editing of the shop homepage on 2 different servers and a localhost so this seems to be something specific to the shop homepage.

To get around that, I edited a standard page and added an image block to the top to try and replicate the demo, then copied the code from the editor into the page for the shop home. Nothing showed up.

So how do we create a shop homepage like the one that shows on the demo site?

Another question regarding Woocommerce.

Is there a way to get products showing in the megamenu in the same way that standard posts do?

Maybe a filter/hook to extend the available dropdown to include taxonomies other than just posts?

Thanks for your time.

There must be a work-around hack for the Mega Menu!

What if we used ‘posts’ about each product, but the urls redirected to the SHOP page, where we only have a limited number of special products?

Could anything like that work? I really need images of the products showing up in the mega-menu, but they could be featured images from posts.

Thanks!

Hi Bogdan,

Regarding the shop frontpage. Are you saying that the actual Woocomerce frontpage can’t be changed and you need to use a page that isn’t set in the woocommerce settings?

If so, would you recommend just redirecting the actual woocommerce homepage to the newly created one?

The Woo breadcrumbs would point to the page set as the shop home in the settings so it sounds like this could cause some other issues.

That seems to be working thanks!

I’m not sure what was happening there before. Possibly the error in tagdiv composer but adding the shortcodes manually seems to change the page content.

If anyone wants to get Woocomerce product images working with a similar popup to the built-in theme popup you can add the following to you child thems functions file:

add_action( 'after_setup_theme', 'gnn_theme_setup' );
function gnn_theme_setup() {
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}

Thank you! It would be nice to use the megamenu with woocommerce.
Could you be so kind to give more details as how to use your code?
Are there any variables that must be changed so that it can work?
In the menu page, for one, I cannot find the category, or if I put the page ID of the shop page I see nothing.
Thanks.

• This reply was modified 8 years by beppepicaro.
• This reply was modified 8 years by beppepicaro.