# Xaver Bertsch Theme

### Installation Steps for the Xaver Bertsch Theme for Shopware 6

### **1 From the command line:-**

  1. Copy the DdmsXaverBertschTheme plugin the paste to the this custom > plugins on the server.

  2. Go to your Shopware installation **root directory** and run this command –

      >   php bin/console plugin:install DdmsXaverBertschTheme

  3. To activate the plugin run this command –

      >   php bin/console plugin:active DdmsXaverBertschTheme

### **2 From the backend ( admin End)**

  1. Goto your Shopware 6 installation backend panel after that navigate to **Extensions -> My Extensions-> Themes** tab after that you can find all the installed plugin in it.

  2. For installing the plugin, the user can click on the Upload Extension button. The user can upload the plugin zip(DdmsXaverBertschTheme) here.

  3. After uploading the plugin zip, the user can see the plugin in the list.

  4. Now the user can click on the install icon to install the XaverBertsch Theme Upload plugin under the themes tab.

  5. After the installation of the plugin, the user can click to activate the plugin.

### **Configuration for the theme:-**

  To set the configuration, navigate to the **Extensions->My Extensions-> Themes tab**.

  * The user can see all the installed theme in the Shopware. The user can click on the “…” icon for the configuration option of the plugin.

  * Here you set the configuration for the header section and footer section in the text editor section.
  When we install the theme then default configuration is saved.

  * After the installation process is complete then you have to set theme for the sales channel.
 

### **Set Theme to the sales Channel**

  * Navigate to the Sales Channel section and select the sales channel.

  * Detail page of sales channel will open then select the theme tab. Under the theme tab click on the change theme button to change the theme.

  * Available theme modal will open and you can choose the theme XaverBertsch Theme to set the theme in the sales channel and click on the save button.

### **Now you have the set the layout/template for home, product, category page.**  
 
 To set the layout, navigate to the Content->Shopping Experience

### **For Home**
  * Click on the landing pages type and then select the XaverBertsch Theme Home

  * Detail page of XaverBertsch Theme Home will open, here layout, section, is visible . You can change the data according to your need.

  * After that you have to assign the layout to the page. Right side share icon option is available, select the share icon  and click on assign layout button.

  * Layout assignment modal or popup will open, here you have to select the categories in which category you have to set the layout.
  
  * select the category and click on the apply button. Layout is set on selected category.

### **For Product**
  * Click on the product pages type and then select the XaverBertsch Theme Product Page
  
  * Detail page of XaverBertsch Theme Product Page will open, here product box, three columns text and cross selling layout is configured.

  * Now you have to assign the layout to the product. Click on the share icon and assign layout button – Layout Assignment will open and multi select option are available to select the product.

  * Here you have to select the product and after that click on the apply button. Product page layout is set to selected product.

  In the above method you can select the multiple product to set the layout. You can also set the layout from the product detail page but here layout is set on that product only.

  To set the layout from the product detail page, navigate to the Catalagoues-> Products-> Product Detail Page.

  * Select the layout tab, here if already layout is set then you see the all the information about the layout.

  * Click on the change layout button, layout modal or popup will open then select the layout XaverBertsch Theme Product Page and click on the save button.

  * Then again click on the save button. Layout is set on the product.

### **For Category**

  Here we have two layout for the category. One is to show the detail of category and product of that category and second is to show the detail of category and sub category and other information also.

  **To set the Category Product List**
  
  * Click on the category pages type and select the XaverBertsch Theme Category Product List

  * In this layout, first section is for the image and by default image is linked to the category image. You can also change the image according to your need.

  * In the second section, there are three block:-
  	* First block is for the breadcrumb
  	* Second block is for the custom text, admin can update the data.
    * Third block is for the category image and title and description

  * In the third section is for the product list and filter
  
  **To set the Category View**

  * Click on the landing pages type and select the XaverBerstch Theme Category view

  * In this layout, first section is for the image and by default image is linked to the category image. You can also change the image according to your need.

  * In the second layout, there are six blocks:-
  	* First block is for the breadcrumb
	  * Second block is for the category name and description
	  * third block is to show the sub category
	  * four block and six block is custom text block, update according to the your need
	  * five block is custom image block.

  * Now you have to assign the layout to the product. Click on the share icon and assign layout button

  *  Layout assignment modal or popup will open, here you have to select the categories in which category you have to set the layout.

  *  select the category and click on the apply button. Layout is set on selected category.

### Figma MCP / design sync

- XPS-Store Figma file access requires the account **`dhungelnischal7@gmail.com`** (or a PAT issued for that account).
- Cursor’s built-in Figma MCP may be signed in as a different Google account; if `whoami` shows another email, reconnect MCP as `dhungelnischal7@gmail.com`, or set Framelink’s `FIGMA_ACCESS_TOKEN` to a PAT from that account.
- Never commit Figma personal access tokens to the repo. Revoke any token that was pasted into chat.