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 […]
To create configuration sets in shopware 5 follow the below steps: Step 1: Go to shopware theme directory of your website. Step 2: Open Theme.php file to add the configuration set. Step 3: Add below code in Theme.php use Doctrine\Common\Collections\ArrayCollection; use Shopware\Components\Theme\ConfigSet; public function createConfigSets(ArrayCollection $collection) { $set = new ConfigSet(); $set->setName(‘Red theme’); $set->setDescription(‘Set all […]
Blank theme configuration is a configuration in which it hides the parent theme configuration and shows the custom configuration sets. To create the blank theme configuration follow the below steps: Step 1: Go to shopware theme directory of your website. Step 2: Open Theme.php file to add the blank theme configuration. Step 3: Add below […]
To add custom theme configuration fields in shopware 5 follow the below steps: Step 1: Go to shopware theme directory of your website. Step 2: Click on the Theme.php file to add the configuration field. Step 3: Add below code in Theme.php file. use Shopware\Components\Form as Form; //container element /** * @param Form\Container\TabContainer $container */ […]
To discard JavaScript and CSS from other themes in shopware 5 follow the below steps: Step 1: Go to your theme your directory in shopware 5 setup. Step 2: Open Theme.php file to discard the js and css. Step 3: Add below code in Theme.php file. protected $discardedLessThemes = [\Shopware\Themes\Responsive\Theme::class]; //for CSS protected $discardedJavascriptThemes = […]
There are 3 different ways to create theme in shopware 5. Admin Command Code To create theme on different ways follow the following steps. First we will be creating theme through Admin. Step 1: Login to the admin panel and go to the Configuration>Theme Manager. Step 2: Click on the Create theme to create new one. […]
To create new shopping world element in shopware 5 follow the following steps. Step 1: Create a new sub-directory in plugin directory. File Structure custom>plugins>ShoppingWorldElement Note:- ShoppingWorldElement is a new plugin in which we edit this directory to create new shopping world element. Step 2: Create ShoppingWorldElement.php in ShoppingWorldElement directory. Step 3: Write this code […]
Smarty is the template engine for PHP. It’s a program inside the shopware that takes tpl files interpret the code written there and then outputs the HTML. To register custom Smarty plugins in shopware 5 follow the following steps. We are going to create the Smarty plugins in the Custom themes. File Structure themes>Frontend>Custom>frontend>index Step […]
Please follow the below steps to add javascript and CSS file in the shopware 5 themes. For CSS File Structure themes>Frontend>Custom>frontend>_public>src>css. Step 1: Create a new file called style.css in css folder. Step 2: Click on the style.css file and add some css. Step 3: Now go to the Theme.php file .To add the file […]
