In the previous post, I created the front page with various banners. In this article, I will guide you to create the next content for the homepage. Content includes: Hot selling products, Latest products, Full banners, New articles.
You continue to edit the homepage with UX Builder as in the previous post. Right below the Grid component that I created in the previous post, you create yourself a component called Gap , which is used to create an empty space. I chose the height for Gap to be 30px.
Then, I create a new component, named Row , which means the line, in the row will have a column, I choose only one column.
The content I add will be in this column, so you click the Add to Column button .
Then select the element named Title .
In Title , I changed the title to HOT SELLING PRODUCTS, choose color and icon for it.
Next, you add to the column a best-selling product ingredient named Products – Best Selling .
In the setup you fix the product number to 8, so that it shows the 8 best selling products.
Done, you Duplicate (duplicate) this Row .
Then edit the Title to LATEST PRODUCTS. Delete the Products – Best Selling item and replace it with another component named Product – Recent so that it displays new products. In there you also edit it to display 8 products.
Next you create a new Row , which also has a column. But you edit this Row to have a Width of Full .
Then you add Banner to the column of type Simple Center .
You edit the height for this banner to be 300px and add a background image for the banner. Then edit the Text and Button (similar to the banner at the top of the page).
Next we create a Row similar to the new product but used for new posts. Add the title NEW ARTICLE to the column in this Row .
Then add to Column a component called Blog posts . Finally, click Update for the page. Then go to the homepage to see the results.
summary
Below is the result of the sales website I created with Flatsome, which still lacks some tweaks, such as the Footer section. In the following article, I will guide you to create a beautiful Footer for this website.
