Store Landing Page

Store Landing Page

You may use the Web Page Builder to design a unique landing page for your store once you've enabled the shopping cart for your app.

store landing page

. How to create a Custom Store Landing Page

  1. To construct a Web Page, adhere to the instructions provided here.

  2. Establish a route for your page, such as /store.

  3. Choose Page Builder as the Content Type.

  4. On the Page Building Blocks Table, select Add Row.

  5. choosing a web template.

To help you design your Web Page, ERPNext includes a fantastic selection of basic web themes.

The page in the aforementioned screenshot is configured as follows:

store web templates

6.Add Values.

To set the content for each part, click on the Edit Values button that appears to the right of each block and enter the values in the dialog box.

The following web templates can be used to create your store's landing page:

  • Hero Slider: A total of 5 slides may be produced. Each slide has a programmable image, title, principal action, alignment, and theme.

store hero slider

  • Product Category Cards: It is possible to configure up to 8 product category cards. Every product category will be connected to an item group. To construct the route for the product category, make sure the Display in Website checkbox is selected in the Item Group form.

store product category

  • **Item Card Group:You can use this section to highlight your featured products. 12 cards in total can be setup. Each card will include an item link. The item will occupy two columns of space if the featured box is ticked.

store item card group

7.Publish your Web Page.

Only when the Published option is ticked will the web page be published. Once the page is published, you may view it by visiting the designated route or clicking on View on Website in the sidebar.

store page published

8.Set as your Home Page.

To make this page the home page for your website, follow these instructions.