In the last installment, we detailed how theImport demo data in BoxShop e-commerce theme. In this issue, we will further explore how to design menus, especially how to set up and customize mega menus. Menus are an important part of your website's navigation, and a powerful and aesthetically pleasing menu can greatly enhance the user experience. In this article, we will explain step-by-step how to create and set up a mega menu in BoxShop theme to help you create a professional online store navigation.
![Image[1]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuations.com | Professional WordPress repair service, global reach, fast response](https://www.361sale.com/wp-content/uploads/2024/07/2024073007572235.png)
![Image[2]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuations.com | Professional WordPress repair service, global reach, fast response](https://www.361sale.com/wp-content/uploads/2024/07/2024073007574555.png)
As shown above, this is the most basic one or two level menu in theOther topicsAlso told, check out the link if you don't know it
BoxShop Theme Menu with Mega Menu
![Image [3] - In-depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuations.com | Professional WordPress repair service, global reach, fast response](https://www.361sale.com/wp-content/uploads/2024/07/2024073008005030.png)
If you want to realize the above effect you need to set up the super menu as follows
![Image[4]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuations.com | Professional WordPress repair service, global reach, fast response](https://www.361sale.com/wp-content/uploads/2024/07/2024073008022066.png)
Select the appropriate container width (Columns), there is a need to display the column (Display A Widget Area) you can understand a module, you need to widgets (Widgets) settings, we went on to continue to talk about the above picture is the choice of the TS Mega Menu Widget Area 1 module
![Image[5]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuations.com | Professional WordPress repair service, global reach, fast response](https://www.361sale.com/wp-content/uploads/2024/07/2024073008074858.png)
We find Appearance → WidgetsYou can find the modules that can be set in the Super Menu as follows
![Image[6]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuations.com | Professional WordPress repair service, global reach, fast response](https://www.361sale.com/wp-content/uploads/2024/07/2024073008082716.png)
The module additions are shown below
![Image [7]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuations.com | Professional WordPress repair service, global reach, fast response](https://www.361sale.com/wp-content/uploads/2024/07/2024073008110463.png)
The above figure is the text plus products plus pictures of the three modules to form the front-end effect, if you think you do not like the template here, you can customize to add modules, the following figure
![Image[8]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuations.com | Professional WordPress repair service, global reach, fast response](https://www.361sale.com/wp-content/uploads/2024/07/2024073008122258.png)
Below we describe another method of super menu
![Image [9]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response](https://www.361sale.com/wp-content/uploads/2024/07/2024073008211947.png)
To achieve the above effect, you need to set up the following
![Image[10]-Depth understanding of BoxShop e-commerce theme menu design: the ultimate guide to creating a super menu (02) - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response](https://www.361sale.com/wp-content/uploads/2024/07/2024073008221222.png)
Set a few columns of specifications, then set the title and sub-title inside the description, insert hyperlinks, and then set the background of the entire menu
I've circled the exact settings, as above
Summary:
'With the above detailed steps, you have mastered the method of designing and setting up menus in BoxShop eCommerce theme, especially how to create and customize a mega menu. A well-designed menu can greatly enhance your users' navigation experience on your website and help them quickly find the products and information they need. We hope this guide has been helpful, and we look forward to seeing you design a menu that is both beautiful and functional when using BoxShop themes. We will continue to introduce more features and settings of BoxShop theme in the next issue, please stay tuned!
Link to this article:https://www.361sale.com/en/15053
The article is copyrighted and must be reproduced with attribution.
No comments