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
![图片[1]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062207102111.png)
![图片[2]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062207113710.png)
As shown above, this is all the modules you can add
Steps Add Element→WooCammerce
![图片[3]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062207162799.png)
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
![图片[4]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062207195475.png)
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.
![图片[5]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062207535811.png)
Slider: slider (aka poster)
![图片[6]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062207541966.png)
Brands: rotating brands: (same meaning as rotating categories, just different content)
![图片[7]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062407170538.png)
Section title (article title), you can use it for the title of a module or the title of a piece of text, are available
![图片[8]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062407210025.png)
Blog (blog): to display the site's advice and articles, you can refer to the following data reference
![图片[9]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062407215868.png)
![图片[10]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062407223449.png)
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
![图片[11]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062606175317.png)
![图片[12]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062606181656.png)
Steps to add Google Map→Google Map Settings
![图片[13]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062606222886.png)
Google Map: If you need a feature to display locations, you need Google Maps, the Maps API, and latitude and longitude, as follows
![图片[14]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062606300923.png)
![图片[15]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062606443857.png)
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
![图片[16]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062606464489.png)
Testimonials (reviews): can be used for the display of product reviews. Increase the trust of the website
![图片[17]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607254938.png)
Promo Banne (promotional banner)You can read it as a big poster.
![图片[18]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607284242.png)
Increase the beauty of the site, will not show a very monotonous, such as the above picture
![图片[19]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607294492.png)
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!
![图片[20]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607312192.png)
Product categories: Show product categories so that customers can see your categories from the front-end, intuitive and clear, as follows
![图片[21]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607324182.png)
![图片[22]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607330771.png)
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
![图片[23]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607342657.png)
![图片[24]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607353628.png)
AJAX Products tabs:You can understand a module colleague to show several different product categories and ways of
![图片[25]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062607372033.png)
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!
Link to this article:https://www.361sale.com/en/11857/The article is copyrighted and must be reproduced with attribution.




















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments