To change the background and font colour of the footer in shopware 5 follow the below steps: Step 1: Go to the shopware theme directory of your website. Step 2: Create the new sub-directory called footer.less File Structure:– Note: Custom directory is a theme that I created already. Step 3: Write this code in footer.less file . Step 4: […]
The media manager is the central module for managing images, videos, and other media in Shopware 5. In this module, you can simply drag and drop the images and generate the thumbnail. To create the thumbnail from the media manager in shopware 5. Follow the following steps. Step 1: Log in to the admin panel and […]
Please go through the below link for creating the theme. To create your own template layout on Shopware 5 category page. Please follow the below steps: The standard listing usually looks like this: Step 1: Go to the shopware theme directory of your website. Step 2: Create a new file in the theme directory called “article_listing_custom.tpl“ File […]
Please go through the below link for creating the theme. Now, we are going to edit the custom theme header in shopware 5. To edit the custom theme header follow the below steps: A custom theme is a theme name that I created already. Step 1: Go to the shopware theme directory of your website. Step 2: Create […]
Please go through the below link for creating a shopware theme. In this blog, We are going to create free text fields for a custom theme that extends the tpl files to be shown on the details page in shopware 5. To create these text fields follow the below steps. The custom directory is a theme […]
First, You have to create a custom theme. To create a custom theme you can go through the below link. Now, To centre your navigation in shopware 5 follow the following steps: Our navigation looks like this. Step 1: Go to the shopware theme directory of your website. Step 2: Create the new sub-directory called main-navigation.less in […]
To overwrite and adapt the advanced menu plugin in shopware 5. Please follow below steps: Step 1: Go to the shopware theme directory of your website. Step 2: Create the new sub-directory called index.tpl File Structure:– Note: Custom directory is a theme that I created already. Step 3: Write this code in the index.tpl file. Step 4: Create a […]
Firstly, you have to create a custom theme. To create a custom theme click on this link To create your own detailed view page in shopware 5 follow the following steps:- Our detailed page looks like this. Note: We are going to extends the parents tpl files into our custom theme. Custom directory is theme which […]
We are going to change the Wishlist heart icon into an eye icon in the shopware 5 header. Our shopware 5 header icon looks like this: We want to replace the heart icon with eye icons like below. To customize the icon in Shopware 5 follows the following steps. Step 1: Go to the shopware theme […]
To create an article badge in shopware 5 follow the following steps: Step 1: Create a new free text field in the backend to select the new badges of each item. Go to the Configuration>Free text field to create a new text field. Step 2: Click on the Add item to create a new one […]
To create Social media icons on the detail page in shopware 5 follow the following steps: Step 1: Go to shopware theme directory of your website. Step 2: Create a new file in theme directory called “buy_container.tpl“ File Structure:– themes>Frontend>Custom>frontend>detail>content>buy_container.tpl. Note: Custom directory is theme which I created already. Step 3: In “buy_container.tpl” write this code. Step 4: We […]
To create a theme info tab in shopware 5 follow the below steps: Step 1: Go to shopware theme directory of your website. Step 2: Create the new sub-directory in your theme directory called info. File Structure:– themes->Frontend->Custom->info. Note: Custom directory is theme which I created already. Step 3: Create html files named like en_GB.html […]
