How To Design Homepage In Shopware 6 

Shopware 6 provides numerous tools and layout options for creating stunning store pages. Today, we explore the platform’s most admin-friendly and intuitive solutions. As a store administrator, you can create a catchy homepage that easily converts store visitors into buyers. You will find out what options are at your service and what layouts to focus on. So, let’s see how to design a homepage in Shopware 6. You can find other materials related to the platform here: Shopware 6 Cookbook.

Note that we provide Shopware integration with external platforms. Contact our support for further information or try our Improved Import, Export & Mass Actions.

Get Improved Import, Export & Mass Actions for Shopware by Firebear Studio

Explore Shopware  

How to create a homepage layout in Shopware 6

You might have already read our article about shopping experiences or the corresponding official documentation. According to them, Shopware 6 offers the possibility of creating different layouts for your e-commerce store’s different pages. As for the following Shopware 6 tutorial, it sheds light upon how to make your shop diversified and interesting due to different category layouts. The general approach looks as follows:

• Create store categories;
• Create new layouts in Shopping Experiences;
• Assign your new layouts to store pages.

You can create homepage layouts in your Shopware 6 admin under Content -> Shopping Experiences.

You can find the available options here or start creating a new layout by clicking on the Create new layout button. Click it, and the system will provide you with the following options:

• Shop page layout;
• Landing page layout;
• Listing page layout;
• Product page layout.
  

Choose a particular layout you want to create. In our case, it is a category/listing page layout.

Next, determine the structure of your future homepage. Note that you will be able to change it afterward.

As you can see, it is possible to create a home page with or without a sidebar. Depending on the selected option, design your Shopware 6 homepage layout. Hit the “+” button to add new elements.

We’ve decided to activate a sidebar for our homepage in our example. You can also select many other block categories and objects to enhance your e-commerce website with any elements that seem suitable. For instance, choose a product filter. Next, drag the selected block element to any free space in your layout.

Hit the Save button to finish with your homepage layout.

How to assign a layout to a homepage in Shopware 6 

Go to Catalogues -> Categories to assign your new layout to a homepage. Choose your homepage in the category tree and go to its layout tab to assign the layout created in Shopping Experiences. Alternatively, you can click on the Create New Layout button and create a completely new layout right in the Shopping Experiences editor.

Select a layout to display all segments of the selected shopping experiences. Note that the content of the layout is displayed in the form of block groups by default. Although the type and number of blocks vary depending on the selected layout, you can apply changes right here without switching to the shopping experiences.

That’s how you design a homepage in Shopware 6. It is possible to apply the same algorithm to other store elements to adjust their frontend appearance.

Shopware 6 Essentials FAQ

Get Improved Import & Export for Shopware by Firebear Studio

Explore Shopware