Skip to main content
added 157 characters in body
Source Link
Evgeny Levinsky
  • 1.2k
  • 1
  • 7
  • 12

You can try to make it via layout xml:

Theme_Root/Magento_Catalog/layout/catalog_product_view.xml:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <container name="content.row" htmlTag="div" htmlClass="row" before="-">
                <container name="content.row.product-info" htmlTag="div" htmlClass="product-info" />
            </container>
        </referenceContainer>

        <referenceContainer name="product.info.main" htmlClass="product-info-main col-xs-12 col-sm-8" />
        <referenceContainer name="product.info.media" htmlClass="product media col-xs-12 col-sm-4" />
        <move element="product.info.media" destination="content.row.product-info" before="-" />
        <move element="product.info.main" destination="content.row.product-info" /> 

        <referenceContainer name="div.sidebar.main" remove="true" />
        <referenceContainer name="catalog.product.related" remove="true" />
    </body>
</page>

Write me if you have any issues.

You can try to make it via layout xml:

Theme_Root/Magento_Catalog/layout/catalog_product_view.xml:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <container name="content.row" htmlTag="div" htmlClass="row" before="-">
                <container name="content.row.product-info" htmlTag="div" htmlClass="product-info" />
            </container>
        </referenceContainer>

        <referenceContainer name="product.info.main" htmlClass="product-info-main col-xs-12 col-sm-8" />
        <referenceContainer name="product.info.media" htmlClass="product media col-xs-12 col-sm-4" />
        <move element="product.info.media" destination="content.row.product-info" before="-" />
        <move element="product.info.main" destination="content.row.product-info" />
    </body>
</page>

Write me if you have any issues.

You can try to make it via layout xml:

Theme_Root/Magento_Catalog/layout/catalog_product_view.xml:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <container name="content.row" htmlTag="div" htmlClass="row" before="-">
                <container name="content.row.product-info" htmlTag="div" htmlClass="product-info" />
            </container>
        </referenceContainer>

        <referenceContainer name="product.info.main" htmlClass="product-info-main col-xs-12 col-sm-8" />
        <referenceContainer name="product.info.media" htmlClass="product media col-xs-12 col-sm-4" />
        <move element="product.info.media" destination="content.row.product-info" before="-" />
        <move element="product.info.main" destination="content.row.product-info" /> 

        <referenceContainer name="div.sidebar.main" remove="true" />
        <referenceContainer name="catalog.product.related" remove="true" />
    </body>
</page>

Write me if you have any issues.

Source Link
Evgeny Levinsky
  • 1.2k
  • 1
  • 7
  • 12

You can try to make it via layout xml:

Theme_Root/Magento_Catalog/layout/catalog_product_view.xml:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <container name="content.row" htmlTag="div" htmlClass="row" before="-">
                <container name="content.row.product-info" htmlTag="div" htmlClass="product-info" />
            </container>
        </referenceContainer>

        <referenceContainer name="product.info.main" htmlClass="product-info-main col-xs-12 col-sm-8" />
        <referenceContainer name="product.info.media" htmlClass="product media col-xs-12 col-sm-4" />
        <move element="product.info.media" destination="content.row.product-info" before="-" />
        <move element="product.info.main" destination="content.row.product-info" />
    </body>
</page>

Write me if you have any issues.