How to Create Custom Home Page with Shopware Customization

  • click to rate

     

    Shopware is a leading Germany based e-commerce platform. Till the date, the platform has received more than 80 thousand users. Shopware is an open-source eCommerce framework.

    Meanwhile, the features which are taking this Plateform to prime levels are content management, Multi-warehouse system, and many more.

    Shopware is now starting to enter new European nations and is making a big impact in the UK. You can check here other Shopware modules.

    Overview

    Here we will learn how to create custom home page with shopware customization. we will see how an admin can add shop page, landing page, and listing page. And then how it will visible at the front end.

    Create a custom home page

    To create a custom home page with shopware customization services, you have to log in to the admin page. And then go to the Shopware 6 Dashboard and click on the Content>Shopping Experiences menu.

    shopware_content_shoppingexperience

    Creating a New Layout

    To create a new layout, open shopping experience page, and then click on create new layout button.you will get a selection of the page type for which you want to create a layout. you can choose different blocks (Shop page, landing & listing page) depending on the type.

    depending_on_layout

    Shop page: All service pages of your shop are to be understood as shop pages. These include, for example, the general terms, the contact form.

    Landing page: Landing pages offer you a wide range of design and marketing options in your shop. These can be theme pages.

    Listing page: This page automatically includes a product listing.

    Section type

    Once you have decided on a type, you can choose how the section of the layout should be structured. You can use a layout with a sidebar or alternatively the full page width. After selecting the layout enter the layout name.

    home_page

    Layout editor

    Here you can see that the central editing area for your layout. And the menu bar is located on the right-hand side. These are divided into the areas of Settings, Blocks, and Navigator.

    Create a custom home page

    Now let’s see the process how to add images and text as block cateogry in central editing area.

    Here select image as block category then drag and drop the block images. After that filled the required fieldd. In it, you can also add the text, text & images together by Drag and Drop.

    main-block-landing-page

    Above you can see the attachment of images, text, and text&images.

    Assign layout

    Now navigate to the path Catalogue>category. And click on the edit button of the catalog. Here assign the created layout under layout assignment.

    layout-assign_change

    Front end

    After that refresh the front end page you will see the changes which one you have performed.

    loreu

    I hope it will helpful for you.

    Please explore our shopware Customization services and Quality shopware extensions.

    Original Published - https://webkul.com/blog/how-to-create-custom-home-page-in-shopware-6/