Magento 2 Multistore – How to Use Different Templates

magento2multistoretemplate

On magento1, I could achieve this by

1, I had my theme folder "mydesign" under frontend/default

2, Another store's folder was also added under frontend/default as "mydesign-en"

3, "mydesign-en" had a template folder under it and there I could have different template files than main store.

4, I applied on the backend configuration under design section "theme setting", for default and skin "mydesign" and for template "mydesign-en".

However, I see the design configuration is different on the backend of Magento2.

At the moment I have mytheme/mydesign under app/design/frontend.
Do I have to create another child theme as mytheme/mydesign-en to achieve this?

Best Answer

Yes, you should create a new theme under app/design/frontend/mytheme. Its parent is your current custom theme. For example:

You create Theme A1 for store A
And then create Theme B1 for store B. Its parent theme is Theme A1.

Now, in Theme B1, you can create the new layout and style for catalog product page on store B:

app/design/frontend/mytheme/B1/Magento_Catalog/templates/product/list.phtml

Related Solutions

Multistore with 2 Domains – Theme Issues in Magento

Problem found I had a module installed

Anowave_Ec

This module was causing conflicts with the themes that do not have certain files involved in that theme, so had to transfer 1 folder and 1 xml layout file to theme i wanted to use

Magento 2 Template – How to Override Template Files for Magento2 Extension

As far as I know, we can override js and html template via requirejs config. In our module, we create requirejs-config.js under view/frontend or view/adminhtml. For example, in your case:

app/code/{Vendor}/{Module_Name}/view/frontend/requirejs-config.js

var config = {
    map: {
        '*': {
            'Magento_Ui/js/form/components/collection':
                'Vendor_ModuleName/js/form/components/collection',
            'Magento_Ui/templates/form/components/collection.html':
                'Vendor_ModuleName/template/form/components/collection.html'
        }
    }
};

We can find the path of js and html files under pub/static.

In our module, create our custom js and html template:

app/code/{Vendor}/{Module_Name}/view/frontend/web/js/form/components/collection.js app/code/{Vendor}/{Module_Name}/view/frontend/web/template/form/components/collection.html

The most important thing is that after running static content deploy command, the js and html template files under web/js and web/template will be 'copied' to pub/static. For example, Magento Ui module:

Magento will get the js and html templates from pub/static. The all require config from requirejs-config.js will be also generated in pub/static/_requirejs. It handles the loading of js and html template files. So, requirejs helps us to override html template files.

Best Answer

Related Solutions

Multistore with 2 Domains – Theme Issues in Magento

Magento 2 Template – How to Override Template Files for Magento2 Extension

Related Topic