Log in

Sign up

Webmaster's panel


Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.


Missing any feature? Share your ideas with us.

WebWave's logo

WebWave drag and drop website builder lets you create unique websites. You can build your website from scratch by starting with a blank page, or choose various website templates from our free collection and modify them according to your needs. With WebWave website builder, you have a complete website design and hosting system at your fingertips.

This website was created with WebWave.

Find us online

12 October 2023

Product card in WebWave online store

1. Go to edit your page

2. In the top bar, find the "Articles" tab, then click "Article layouts"

3. create your new article pattern.

4 Name your article layouts: "Product Card" - the name helps us to identify and connect the correct article pattern to an article with a specific application.

4. Let's start editing your design.We will start the pattern edits by arranging the main elements that are always present in the article pattern.

  • Thumbnail article - an image that is a picture of our product. It is displayed in the element with which we display our products on the store page.
  • Article date - the date when our product was added to the site. In the product card this information is not needed, so we hide it by clicking on the "Green eye" in the "Layer panel" on all mobile versions and on the desktop version.
  • Article title - this is our product name, also displayed in the element with which we display our products on the store page.
  • Product description - in the product description we enter the price of our product. This information will be shown in the element that allows us to display our products.

Example of editing an article design:


5. To add a product to the store, go to the "Articles" tab and then click "New article".



Question 1:
Q: How do I display a list of products?
A: To display the list of products on the store page, use the Newsfeed element - item list.

Question 2:
Q: How to assign categories to a product?
A: To assign categories to a product, use the "Categories" functionality found in the "Articles" tab. We can find more about Categories [here].