How to DIY Add Modules and Use Basel Theme Features - Complete Guide (09)

Hello everyone, we meet again, having previously recounted theROW(math.) genusColumnand someBasic module setup, you can follow the link to view, today we talk about how to DIY (add their own), as well as the introduction of the module, through these steps and functions of the understanding, you can be more flexible to build and beautify their own website.

Steps to the front of the website → slide to the front of the footer of the website

As shown above, this is all the modules you can add

Steps Add Element→WooCammerce

As shown above, this is the element of the WooCommerce plugin where some of the products are displayed

Today we focus onthematicelements, the other elements are the ones that come with the WPBakery Page Builder editor, and theWooCammerceplug-in (software component)tireless

Thematic elements

Steps Add Element→Theme elements

As shown above, this is the theme element, each theme is different and has different specific functions, this is theBasel ThemeWe will talk about some common functions. Let's talk about some of the common functions, and the rest of the functions you can understand according to the meaning of the translation.

Slider: slider (aka poster)

Brands: rotating brands: (same meaning as rotating categories, just different content)

Section title (article title), you can use it for the title of a module or the title of a piece of text, are available

Blog (blog): to display the site's advice and articles, you can refer to the following data reference

Button: For example, jump button, basically many modules can be used, as follows, in addition to the theme of the button, the editor also has, the specific use of that kind of depends on your needs he can not reach a decision

Steps to add Google Map→Google Map Settings

Google Map: If you need a feature to display locations, you need Google Maps, the Maps API, and latitude and longitude, as follows

WC products widget: You can understand the small features of the product, you can be used to do product discount window, stimulate consumption, as follows, the picture plus the form of the widget will be creative

Testimonials (reviews): can be used for the display of product reviews. Increase the trust of the website

Promo Banne (promotional banner)You can read it as a big poster.

Increase the beauty of the site, will not show a very monotonous, such as the above picture

Images gallery: for the display of images and rotation, according to the need to use, the editor will also come with the image function, according to the need and effect to decide which one to use!

Product categories: Show product categories so that customers can see your categories from the front-end, intuitive and clear, as follows

Products (grid or carousel) (product display, style with grid rotation and more): for the presentation of products.It is recommended to use the theme product features rather than the WooCommerce plugin's as it defaults to a web-based format with a single style, as follows

AJAX Products tabs:You can understand a module colleague to show several different product categories and ways of

If you don't want to show one product category or style in one module, try this presentation methodAs shown in the image above, showing new products, featured products, and best sellers, this is in accordance with the sales style of the product, you can also show the different categories of methods

By this point, the story of the basicBasel ThemeThe function of the option, of course, there is no telling, I hope you go to learn more, do not understand at any time!Contact UsIt's basically enough for newbies. Here you can build your own Basel theme website.

summarize

The above is the introduction of the common features of Basel theme, I hope it will be helpful to you. Of course, Basel theme has many other features, welcome to explore and understand more. If you have any questions during the use, feel free toContact Us. In the next installment, we will go in-depth to explain Basel theme in the back-end of the site setup and functionality demonstration. You can leave more comments on our "WP Theme Decoration"Theme, stay tuned!