[Magento 2 定制化开发] 之六：产品详情页面的缩略图由横版改为竖版

要将 Magento 产品详情页的缩略图列表，由横向改成竖版排列。

实际上修改方式分两种，根据部署方式的不同，而有所区别。

修改方式一：下载安装的

找到 magento 根目录下的：

app\design\frontend\Themes\Yourtheme\etc\view.xml

修改：

<var name="navdir">horizontal</var>

变为

<var name="navdir">vertical</var>

修改方式二：composer 安装的

如果是直接用的 magento 的默认主题

> cd vendor/magento
> find . -name "view.xml"

./theme-frontend-blank/etc/view.xml   // 这个
./magento2-base/dev/tests/integration/testsuite/Magento/Deploy/_files/zoom1/etc/view.xml
./magento2-base/dev/tests/integration/testsuite/Magento/Deploy/_files/zoom3/etc/view.xml
./magento2-base/dev/tests/integration/testsuite/Magento/Deploy/_files/zoom2/etc/view.xml
./magento2-base/dev/tests/integration/testsuite/Magento/Theme/Model/_files/design/frontend/Test/default/etc/view.xml
./module-page-builder/etc/view.xml
./module-wishlist/etc/view.xml
./theme-frontend-luma/etc/view.xml  // 或者这个
./module-catalog/etc/view.xml
./module-swatches/etc/view.xml
./theme-adminhtml-backend/etc/view.xml

如果安装的是三方主题

> cd vendor/swissup
> find . -name "view.xml"

./theme-frontend-breeze-blank/etc/view.xml
./theme-frontend-breeze-evolution/etc/view.xml

逐一确认，会发现

./theme-frontend-breeze-blank/etc/view.xml

里有此设置，而另一个则没有。

实际上，magento 的主题，有点类似 wordpress 主题的做法，一个主题通常是继承另一个主题。

修改配置为

<var name="navdir">vertical</var>

即可。

清理缓存，使修改生效

php bin/magento cache:clean
php bin/magento cache:flush

继续阅读 🌳

Magento 2 主题定制化开发系列教程

关于作者 🌱

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊，或者关注我的个人公众号“大象工具”， 查看更多联系方式