Basel theme full tutorial: optimize your site from scratch (13)

Welcome to our Basel theme summary tutorial! In several previous posts, we detailed how to use the Basel theme to optimize your WooCommerce site. From modifying announcements, setting browser icons and site titles, to adjusting store page display styles and product image sizes, we took you through all the key settings step by step. Today, we're going to review and summarize these important steps to make sure your site is optimized both visually and in terms of user experience. Let's get started!

1,Modify the announcement of the website

Steps Appearance → Customize → WooCommerce→Store Notice

Basel theme's announcement default at the bottom of the front-end of the site, is a fixed slide, the next we say where to set up, as follows, (but provided you need to install the WooCommerce plugin), the specific display location and effect is determined by the theme!

Remember to fill out the content and check theEnable store notice(display), the content can be written promotions or the latest news, as well as notes, because the announcement will be a good reminder of the effect, this is only as a reference

2. The website's browser icon as well as the website's title and tagline

Step by step Appearance→Customize→Site ldentity

Replace the content and icon as shown above

3. Store page display style

Steps Appearance → Customize → WooCommerce→Product Catalog

You can choose to show products or product categories, or products and categories together

4. Uniform size of product pictures

Steps Appearance → Customize → WooCommerce→Product lmages

As shown above, select the appropriate product image size, all products will be uniformly cropped, if you do not know how many values to set the appropriate, please refer to the above values

5. SettingsNavigation bar menu, you can refer to the previous article

6. Other settings for referenceBasel ThemeOther Tutorials

Let's talk about some of the things that must be taken care of

After the entire website is decorated, check whether all the jump links on the front end are normal, as well as whether the menu page jumps are normal, as well as whether there are any problems with purchasing products from customers, the shopping cart and checkout page, the ability to choose the delivery method as well as the choice of payment method, as well as the registration of the user, and the test of the order to confirm that there are no problems with the processing of the order.Basel ThemeIs a very perfect theme, the function set a lot, basically set up to solve a lot of problems, do not need to use the code to insert, you can refer to the following picture settings

Congratulations! By completing these steps, you've successfully optimized your WooCommerce site and taken full advantage of the powerful features of the Basel theme. Remember, regularly checking and updating your website is key to keeping it running efficiently and attractively. Whether it's modifying announcements, tweaking the navigation bar menu, or making sure the shopping process is smooth, these details affect the overall user experience. We hope this summary tutorial was helpful, and feel free to contact us if you have any questions or need further guidance. Good luck with your online store!