How to create your own Elements Wooocommerce store page

]

In the online world, you can immediately become the owner. What you need to start is only an Internet connection, a laptop, and a business concept that is beneficial. You don’t even need to be tangible -you can sell creativity! No jokes-

Even if you don’t have any technical knowledge, you can easily build an amazing online store . You can start with high -quality Wooocommerce theme

, because the theme of niche usually includes many practical and useful functions required by your store, and then continue to develop a business plan!

You can use many great elements to make your online store more successful, and it is essential to have a customized Elementor Woocommerce store page.

In this article, we will show you how to easily create our own beautiful Elementor Woocommerce store page. Please continue to pay attention to learn more information:

  • ]
  • WooCommerce 商店页面

为您的WooCommerce 商店页面使用Qi 插件小部件

[123 ]

We are very clear,

Create an online store

including

User Obtain a specific element necessary for all product -related information . Each store will show a page of a product or a group of products in some way, and these carefully designed pages will make you one step closer to the successful online store. Other pages that are important for stores are pages including delivery, payment, company, shopping cart pages . Here, IWe will handle displaying the page of the product list in the store, and we will help you create them like professionals

.

Elementor Woocommerce store page is a archive page, which shows all the products of a store. You can easily create this page with the WoOOCOMMERCE plugin. After adding the product to your website, you need to open the page without any content and indicate that the page is your store page in the Woocommerce settings.

]

What do we get in this way? We have informed Woocommerce that we have specifically used this page to the archive pages of all products, and WooCommerce will display them accordingly. As for the style of the product on this page, it depends to a large extent on the theme of your choice. WooCommerce Shop page If the theme is suitable for the store, you can expect it to look good immediately, and there may be some filters

. However, there is no way to edit the Wooocommerce store page with free Elementor.

However, what if everything is perfect, what if something needs to be repaired?

This brings problems to those who do not know how to edit the code itself . Of course, we have a solution. If you think the following default page is not suitable for any reason, we will show you how to customize it.

]

] Qi store small components are part of the QI plug -in of Elements, which is a fashionable component, perfectly integrated with your website style, because

they will adjust according to your default theme

. However, they also provide a large number of custom options, so you can further design them according to your wishes .

要创建所需的商店页面,您需要:

[123 ]

Enter the required product (of course, if necessary, their categories and labels)

Install the free Elementor page builder Installation Plug -in (we will show you what you can do for free and what can be obtained by using high -level components).

Now, let’s explain it. Of course, you can’t make a store page without products, so this is the first step. As for qi addons, there are several reasons for us to choose it. The first is that it has a small component for creating a list of product , and the second is that it also provides many other useful components. You can use them on your site [ 123].

We will first create a new page. For example, my will be called custom store page , but you can simply call it Shop . It adds like anything else. I enter the page name, save and transfer to

Edit with Elements

. Of course, according to the theme, before switching from the Block editor to Elementor, you can

basically set the page itself

. In an example, I use

qi theme

, which is usually my choice, because it contains a large number of settings in each part of the website, which is of great significance to me, because I don’t have to change the code and I have a lot Used for each part of the style website.

]

When you enter Elementor, the first thing to do is to pass through Enter \”Search\” in the search field to find product small parts. You will identify QI components through its inherent red icon . Perhaps the most important thing for us is Product list

, which allows us

to display the product list -all products may be givenProducts selected for standards . This is a free small component. Let’s not forget others. Product Category It is also free to display the category of our store. Product slide

Small parts provide a fun way to use slider to display products, it is also free.

Product comparison Help us show selected products and compare their functions -this is a high -end component. If you use the QI theme, you will also have Product list essentials , which provides a way to display some theme demonstrations, so we will not pay attention to it.

]

Add new shop page
As I said,

Product list

It is the most important component for me, and I am adding it to the page.

]

As you know, when you add small components on the page, You will find the setting on the left, on the right, you can see the small in real time in real time The appearance of parts on your page . Conventional

and

style tab link to the small component itself, and the advanced tab is located in the Elements tab settings. Add to the page, you are already familiar with. In any case, Elements is very easy to use, you don’t need to explain special explanations, especially for this intuitive and easy navigation. Why do we like qi addons small components? Because we can ourselves, how many columns we want the list , so we can the space between the projects

. We

can determine the size of the picture

, we can

how many products are there on the page, whether we will use pages , if we have multiple product pages, we can Which type of choice. Qi details

Font selection and hovering settingSet

. There are many layouts in the list. We can also

only display a certain category product, label, authors and different display standards available

. Using Qi, adding small parts will usually become a happy and creative process. We believe you will be curious to explore its rich options. Product widgets
At first glance, you will be surprised by the details of the setting. You will see that

is divided into categories that are easier to navigate .

]

Product list widget

The use of other small components is almost the same.

Play and test at will, because all the changes you make will be visible in real time, and you can easily withdraw any action

. If you want to know how to set your list style, you can find inspiration with the author on the login page of the small component at any time, but you still have to play.

]

Slider small components can also be a good supplement to your store page. It can make the page look more dynamic and interactive . A moving element always attracts the user’s attention, especially when he can interact with it. ]

The combination of product list small components and product slide components may be very interesting . In addition, I like another small component used on the store pages and other pages is Product Category list

. It shows certain categories in

and helps users find a group of products they are interested in .

Product list style options

Product comparison

Small components is also very interesting and useful, especially because shoppers now like to make wise decisions on shopping, and they like to compare products to ensure that they make the best choice.

It is also very easy to add Woocommerce Products

. You can complete without any special technology or coding knowledge.

Product examples

]

In summary

As you can see, create an Elementor Woocommerce store page is not a rocket science, you can complete all your work yourself. You can also easily learn how to edit the Woocommerce store page and adjust it to perfectly meet your needs. If you have any questions about the theme of this article, please contact us at any time in the comments. We look forward to hearing your experience of using QI Addons for Elements!

Slider products
]

We hope this article The article helps you. If you like it, please check some of the articles at any time!

Most most Customer -friendly Elements Wookommerce Theme
e -book WordPress theme to increase online sales Category list

What is the best WooCommerce SEO practice?

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *