magento

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

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

阅读全文...

2024-12-17 · 阅读 40 · 字数 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 · 阅读 41 · 字数 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 · 阅读 87 · 字数 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 · 阅读 75 · 字数 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 · 阅读 65 · 字数 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 · 阅读 70 · 字数 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 · 阅读 71 · 字数 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 · 阅读 64 · 字数 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-19 · 阅读 171 · 字数 1072

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

阅读全文...

2024-12-08 · 阅读 172 · 字数 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> ...

阅读全文...

2024-12-08 · 阅读 136 · 字数 1070

Magento 2.4.6 主题，首页及产品分类列表页的商品卡片，在鼠标放上去时，会显示 Add to cart 按钮。 但是我想去掉这个按钮。 在小试牛刀 定制化修改 magento 2.4.6 主题代码 完成了 compare 模块之后，我以为已经精通了 magento 主题的配置。但是添加购物车按钮的修改还是给我当头一棒，后来发现这个按钮属于 phtml 硬编码，需要修改代码才能解决。 URL 链接格式 首页 列表页：https://www.sunzhongwei.com/catalog/category/view/s/some-product/id/4/ catalog 是目录的意 ...

阅读全文...

2024-12-08 · 阅读 116 · 字数 469

magento 主题代码在哪里 如果是通过 Composer 安装的主题，在项目根目录的 vendor 目录下。例如： # grep switcher-account -r vendor/swissup/theme-frontend-breeze-blank vendor/swissup/theme-frontend-breeze-blank/Magento_Theme/layout/default.xml: <argument name="switcher_css_class" xsi:type="string&q ...

阅读全文...

2024-12-08 · 阅读 286 · 字数 802

在上次尝试 Magento 2 / Adobe Commerce 安装新主题 失败之后。我对 Magento 2 安装新主题充满了恐惧 😱。其实根本问题是 PHP 大版本发布太快，向下兼容性做的又不好，很容易出现直接导致整站挂掉的情况。 但是主题还得安装，今天尝试一下 breeze evolution 的安装。官方地址： https://commercemarketplace.adobe.com/swissup-breeze-evolution.html 从里面的 release notes 看，从 2.1.1 版本支持了 Magento 2.4.6 及 PHP 8.2。（昨天看新闻 PHP ...

阅读全文...

2024-11-07 · 阅读 248 · 字数 891

继系列一之 大内存 Magento PHP 服务器内存优化，将 Linode 云服务器由 32G 内存，降配至 16G。最新的目标变成了，将 16G 内存的实例，进一步降低至 8G。 在请求量，并发量低的情况下，并不需要这么高的服务器配置。 系统负载 目前的 8核 16G 服务器，负载一直稳定在 1 左右。说明负载还是低。 内存使用状况 MiB Mem : 15975.1 total, 806.5 free, 11415.6 used, 3753.0 buff/cache MiB Swap: 512.0 total, 3.1 free, 508.9 used ...

阅读全文...