Shop menu on homepage

[elfstone]

Hello, can you tell me how to enable Shop menu under homepage also? At the moment it shows when I press Shop in the main menu.

[Foster]

Hi,

You mean you want to show products on the home page?

[elfstone]

no, I would like to have the “shop menu” (second row in attachment) on the home page (first page when pressing logo)

Attachments:

You must be logged in to view attached files.

[elfstone]

This reply has been marked as private.

[Harry]

Hi,

Sorry because we miss your message.

The second menu only work on shop page, if you want it display on homepage you need customize code for child theme.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

Hi Harry,

I too really wish there was an option in theme to include the “shop menu”(product categories) in homepage and other pages as navigation for user would get easier.

Are there any instructions on how to customize the child theme code to include the shop menu on homepage?

[Harry]

Hi @mikestar,

Please download attach file and extract to claue-child > views > header

Best regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

Awesome Harry! Thanks a lot. That was smooth like butter.

P.S. The .zip contained a _MACOSX folder which I did not include. Let me know if that was needed too.

[Harry]

Hi,

This file auto generate by on MacOS you don’t need use this file.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

Hi Harry,

1a> The product categories that we added on Homepage is getting cropped from left side of screen. This issue is happening only on Mobile site (screenshot below). Can there be a solution?

1b> As seen in screenshot above, the product categories are coming in two rows? When we add more categories will this become 3 rows and so on? How to confine the categories in only 1 row(1 single line) ?

1c> The dropdown for sub-categories does not work on Mobile site. Any views/solution on this?

2> Similar to adding categories on Homepage, how do we add these categories on “Sale” Page too? Thanks!

P.S. I’m seeing this Warning: The Envato Toolkit plugin is no longer supported and will stop functioning very shortly. Please delete the Envato Toolkit plugin and install the new Envato Market plugin.

Is it OK to install and activate the new Envato Market plugin? Pls let me know

[Harry]

Hi Mikestar,

1. Could you send me your site url and admin account as private reply. We need more check before give you solution

2. we need to check on your site

3. Please use this plugin for sale page https://wordpress.org/plugins/on-sale-page-for-woocommerce/ the categories menu will show on sale page

4. Yes you can use Envato Market plugin.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

This reply has been marked as private.

[mikestar]

Hi Harry, while yo have access to the site, can you pls also look at the Style.css – it is showing 2 error. Error: There are 2 errors which must be fixed before you can update this file.

Thanks.

[Harry]

Hi Mikestar,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736) {
.shop-top-sidebar {height: 50px;}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

Harry, I added the code but it did not rectify the issue. Can you pls look into it further?

[mikestar]

Harry, I added the code but it did not rectify the issue. Can you pls look into it further?

 

Note: This issue of menu is happening only on Homepage in Mobile Device. On the Shop page the categories are being displayed fine in Mobile device.

[Harry]

I fixed 2 error message in style.css file

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

I fixed 2 error message in style.css file

Thanks. But I again see 2 new errors. Screenshot below

[Harry]

I help you fix menu on homepage on mobile

2 new error is new tech of css so the check tool don’t understand. Don’t worry about it

Please copy code and check at here https://jigsaw.w3.org/css-validator/#validate_by_input

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

I help you fix menu on homepage on mobile

Thanks Harry. The menu is now appearing in 1 row which is great. However the left part of the menu is still getting cropped. Can you pls check it once again? Screenshot below (modified screenshot in paint to illustrate the current problem)

 

2 new error is new tech of css so the check tool don’t understand. Don’t worry about it

Please copy code and check at here https://jigsaw.w3.org/css-validator/#validate_by_input

Thanks for the clarification. I’ll ignore the 2 errors.

[Harry]

Hi,

Please add below code

@media all and (max-width: 736px) {
.shop-top-sidebar .product-categories {
	margin-left: 10px;
}}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

This finally rectified the issue of menu being cropped from left side on mobile. But, the menu is appearing in 2 rows in mobile. How to make it appear only in 1 row like we did earlier?

[Harry]

Hi,

I check your site on mobile the menu still in one row http://take.ms/x0EiS could you please clear cache and check again.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

Thanks Harry. You are amazing.

[Author]

Posts