Изменение порядка контейнеров для iPad и мобильных вкладок

Question

Изменение порядка контейнеров для iPad и мобильных вкладок

Я хочу отображать изображение продукта перед основной информацией, но на iPad (и на других вкладках) Основная информация отображается перед изображениями продукта. Я пытаюсь добиться, изменив порядок следующим образом:

<referenceContainer name="product.info.media" htmlTag="div" before="-" />
<referenceContainer name="product.info.main" htmlTag="div" after="product.info.media"  />

Но это не работает. Эта проблема преобладает только на мобильных вкладках (iPad, вкладки и т.д.), а не на других мобильных устройствах. как я могу этого добиться?

2

magento-2.1 product-images product-page

Author: Jai, 2017-02-01

Source

1 answers

score 2 · Accepted Answer

Я сделал это, выполнив следующие шаги:

Отредактируйте свой расширенный catalog_product_view.xml в расположении ниже, если его нет, то создайте здесь

/app/design/frontend/vendorname/themename/Magento_Catalog/layout/catalog_product_view.xml

Затем добавьте следующие строки кода:

<referenceContainer name="product.info.media"  before="product.info.main"/>
<referenceContainer name="product.info.main"  after="product.info.media" />

Очистите кэш и т.д.