magento

2025-01-04 · 阅读 317 · 字数 529

在外贸站 Magento 主题中，使用了 bluethinkinc/magento2-module-product-enquiry 这个询盘组件。 在产品详情页是可以正常点击按钮进行询盘的。 但是在产品列表页，部分产品可以正常询盘。但是某些产品，点击了询盘组件之后，无法弹出询盘窗口。 问题出在哪里 看了一下页面的代码，发现这个询盘组件，会在产品框里增加一个询盘按钮，id 为产品的 sku。 问题就出在这里，因为 sku 中可能包含特殊的字符，例如空格，句号之类，导致生成了一个非法的 html 元素 id。 于是 js 的点击响应事件就无法触发了。 所以，需要修改一下插件的代码，来修复这个 bu ...

阅读全文...

2025-01-03 · 阅读 216 · 字数 453

问题现象 在首页，网站底部的社交账号图标能正常显示。 但是到了其他子页面，这些图标就不显示了。 对比了一下链接，确实有区别： 第一个链接是可以显示的链接 第二个链接是无法显示的链接 https://www.sunzhongwei.com/skin/frontend/default/sunri_1/images/slider/LinkedIn1.png https://www.sunzhongwei.com/skin/frontend/base/default/images/slider/LinkedIn1.png 问题 block 代码 <div> <p>&l ...

阅读全文...

2025-01-02 · 阅读 90 · 字数 265

例如 Magento 主题代码中的文件： /home/wwwroot/www.sunzhongwei.com/suncom/app/design/frontend/default/sunri/template/catalog/navigation/top.phtml <?php echo $this->getLayout()->createBlock("cms/block")->setBlockId("news")->toHtml() ?> <?php echo $this->getLayout()-&gt ...

阅读全文...

2024-12-23 · 阅读 181 · 字数 90

Removed Add to Cart function in magento 2 product detail page, but this function still exists at the bottom of page, in related products list section. Change phtml code to hide it! Search File > cd vendor/magento > grep "related_products" -r . ./module-catalog/view/frontend/template ...

阅读全文...

2024-12-19 · 阅读 282 · 字数 1107

在开源的商城系统 Magento 2 中，安装了一个询盘插件。 第一天还能使用，但是突然次日按钮就失效了。现象是点击没有反应。 从页面代码看，是对应按钮的点击事件没有注册处理函数，也就是对应的 js 文件没有加载。 但是，切换为 Magento 内置的 Luma 主题，这个插件就是正常的，js 文件加载正常。 实在不行，自己开发一个询盘窗口功能。界面自定义，成果后自动跳转等功能。没必要纠结原来的失效问题。 x-magento-init 查看页面源代码，能看到加载配置： <script type="text/x-magento-init"> { "*& ...

阅读全文...

2024-12-17 · 阅读 143 · 字数 335

想在 Magento 网站的首页，添加一个多图轮播的效果。 slider Magento 中，这个正规的叫法应该是 slider。而不是 banner，因为 banner 是固定不动的。 slider 也称为 carousel, 多张图片切换。还有人把这个组件称之为幻灯片。 Page 进行编辑 (最终方案) content - page - home page 在 home page 里，加入 slider 即可。 注意设置一下 row 的 margin bottom，否则会跟下面的产品列表等内容混在一起。 admin 后台配置 (间接采用) 后台的 content - blocks 是可以手 ...

阅读全文...

2024-12-16 · 阅读 151 · 字数 327

Magento 2 顶部的 menu 菜单，默认只会展示产品分类。 如果想添加自定义的导航链接，例如返回首页链接，及 about us 链接。就需要修改主题代码。 这点非常的不人性化。 参考样式 https://breeze.swissupdemo.com/breeze_evolution/ 学名 menu https://breezefront.com/docs/menu class="navigation-wrapper" layout <!-- Move menu right after the logo --> <move element=&qu ...

阅读全文...

2024-12-12 · 阅读 186 · 字数 384

想在 Magento 2 主题的顶部增加一个额外的 header 部分，即页眉。里面放上联系电话。 关键词是什么 从官方主题 demo 的 HTML 代码中，可以看到这个 header 部分的标识是： header-panel-info 配置文件 vendor/swissup/theme-frontend-breeze-blank/Magento_Theme/layout/default.xml 默认配置 <!-- CMS block inside header panel --> <referenceContainer name="header.panel&qu ...

阅读全文...

2024-12-12 · 阅读 158 · 字数 696

想在空荡荡的 Magento 自建电商网站的页面中，增加底部页脚 footer 的显示。类似： 配置文档 参考官方的文档： https://breezefront.com/docs/footer 主题默认配置 cd vendor/swissup/theme-frontend-breeze-evolution grep footer -r . ./Magento_Theme/layout/default.xml: <referenceContainer name="footer" remove="true"/> 注释掉 remove 那行 ...

阅读全文...

2024-12-12 · 阅读 146 · 字数 251

Magento 主题安装好之后，并启用了 footer 的情况下，会看到默认的 footer 最底部的 copyright 是 magento 的公司名。启用 footer 方法，参考 [Magento 2 定制化开发] 之八：增加底部页脚 footer 的显示 Copyright © 2013-present Magento, Inc. All rights reserved. 如何修改呢？ Enable Template Path Hints for Storefront 打开后台的调试功能，可以看到具体的页面里每个元素的路径。 stores - configuration - adv ...

阅读全文...

2024-12-08 · 阅读 132 · 字数 264

要将 Magento 产品详情页的缩略图列表，由横向改成竖版排列。 实际上修改方式分两种，根据部署方式的不同，而有所区别。 修改方式一：下载安装的 找到 magento 根目录下的： app\design\frontend\Themes\Yourtheme\etc\view.xml 修改： <var name="navdir">horizontal</var> 变为 <var name="navdir">vertical</var> 修改方式二：composer 安装的 如果是直接用的 magento ...

阅读全文...

2024-12-08 · 阅读 143 · 字数 336

搭建的一个 Magento 网站，上线之后，发现浏览器 console 中有不少报错信息： 报错 VM300 rocket-loader.min.js:1 [ROCKET LOADER] Failed to create activatable copy of script <script defer="" src="/knockout-3.5.1.min.js" type="2522b8e86d55c9fedea4964e-text/javascript" cf-marker-557095156710907=" ...

阅读全文...

2024-12-08 · 阅读 125 · 字数 158

通过 composer 安装了一个 magento 插件，但是体验之后发现效果不理想，需要卸载掉，更换其他插件。 卸载的具体操作： 查看已安装的插件列表 php bin/magento module:status 通过这个列表来查看具体的名称。 magento 禁用插件 删除之前，需要先在 magento 中禁用该插件 php bin/magento module:disable <ExtensionProvider_ExtensionName> --clear-static-content php bin/magento setup:upgrade ExtensionProv ...

阅读全文...

2024-12-23 · 阅读 304 · 字数 1072

最近由于要定制化修改 Magento2 的主题代码，所以边开发边整理了这个系列教程。也算是枯燥的摸索过程，唯一有趣的部分了吧。整体上跟 wordpress 主题开发类似，但是概念更多，命令也更复杂一些。 Magento 是一款开源的电子商务平台， 基于 PHP 开发，具有强大的功能和高度的灵活性。这个教程是基于 Magento 2.4.6 版本。 适用场景 中小企业电商网站 多品牌或多店铺电商运营者 对电商功能和定制化有较高要求的企业 系列文章 [Magento 2 定制化开发] 之一：安装 breeze evolution 主题 [Magento 2 定制化开发] 之二：修改 m ...

阅读全文...

2024-12-08 · 阅读 243 · 字数 160

目标 删除 magento 2 主题右上角的 My Account：我的账号 Cart：购物车 这两个图标 layout 配置文件 首先，确认是否可以通过 # grep "switcher-account" -r . ./theme-frontend-breeze-blank/Magento_Theme/layout/default.xml: <argument name="switcher_css_class" xsi:type="string">switcher-account</argument> ...

阅读全文...