How do I display listed products on the store homepage?

Getting your products featured on the homepage right after uploading them is a great way to grab visitor attention immediately. This guide will help you set up your homepage so that your products are front and center as soon as they go live.

Setting up product displays using collections

To effectively showcase your products on the homepage using collections, follow these steps on the Shoplazza platform:

1. Create a product: Navigate to Shoplazza Admin > Products > All Products. Create and activate your products. Please note that only active products will be displayed on your homepage. If you need guidance on creating products, please refer to: Adding and Updating products.

2. Create a collection: After your products are set up, go to Products > Collections > Create collection and add your products to this new collection. Collections act as special showcases on your homepage, making your products more noticeable. For more information on this process, check out: Creating product collections.

3. Customize your theme: Proceed to Online Store > Themes and select Customize on your target theme to adjust your homepage layout.

4. Add product display sections: In the theme customization menu, add sections that will display your products. You can choose from: Featured collection, Product grid, Product carousel, and Product tab. The types of sections supported by different themes may vary, but the installation methods are similar.

For detailed steps using the Nova2023 theme as an example:

• Click on Product Grid to enter the section settings.

• Click Select collection.

• Select the collections you want to display in this location and click Select.

• After selecting, refresh the page to see your products displayed. Confirm everything looks as expected, then click Save Draft or Publish to save the configuration.

Displaying individual products

Different themes on the Shoplazza platform offer various ways to showcase individual products directly on your homepage. A universal approach for all themes includes sections such as Hero Slideshow, Image Slideshow, Image with Text, Promotional Grid, Text Columns with Images, Slideshow, and Carousel Images. These sections are specifically designed to feature individual products prominently. While the specific sections available may vary between themes, the general process for configuring them is consistent across the platform.

Using the Hero slideshow in the Nova2023 theme

1. Access Nova2023 theme settings: Navigate to the theme editor where you can see various sections like "Hero slideshow". Click on the title to edit.

2. Linking to a product: Inside the section settings, scroll down to find the option to select a link target. Choose Products from the dropdown menu to link the section to a specific product. Once Products is selected, a new menu will appear allowing you to select the specific product you want to showcase.

3. Adding and adjusting images: In the section settings, you can add or change the image associated with the featured product. Click Select image to upload a new image or choose from existing images that best represent the product. Adjust the text and button alignment as needed to ensure the layout looks clean and appealing.

4. Finalizing the display: Once you have selected the product and adjusted the images and text, review everything to make sure it looks as intended. Click Publish to make the changes live or Save draft if you are not ready to go live yet.

To feature a specific product directly on your homepage using themes like LifeStyle

1. Locate the Single Product section: In your theme's sidebar menu, find the Single Product section that is already added to your homepage layout within the LifeStyle theme. Depending on the theme used, you may have to add the Single Product section card. Click the title to begin configuring the section.

2. Configure the product settings: Navigate to the section settings within the Single Product section and click on Select Product. This will open a menu where you can choose the specific product you wish to display.

3. Select your product: Browse through the product list or use the search function to find the product you want to showcase. Click Select to confirm your choice.

4. Finalize the display: Once the product is selected, it will appear in the Single Product section along with relevant details such as the title, price, and a 'Shop Now' button. Make sure all the information is displayed correctly and looks appealing. After reviewing the setup to ensure everything is displayed as intended, click Publish to update your homepage instantly or if you're not ready to publish immediately, you can save your progress by clicking Save draft.