wapone/module-stickers

Magento 2 的产品折扣贴纸

维护者

详情

github.com/WaPoNe/module-stickers

源码

问题

安装: 903

依赖: 0

建议: 0

安全: 0

星标: 6

关注者: 1

分支: 6

开放问题: 4

类型:magento2-module

0.0.4 2017-12-14 11:52 UTC

Requires

  • magento/framework: 100.0.*|100.1.*|101.0.*
  • wapone/base: *

OSL-3.0, AFL-3.0 092ae1438019134267d92229c77578262db0caf3

  • WaPoNe <michele.fantetti.woop@gmail.com>

This package is auto-updated.

Last update: 2024-08-28 21:41:25 UTC

README

WaPoNe Stickers 是一个 Magento 2 扩展，可在商店的各个地方显示产品图片贴纸（分类页面、产品页面、结果页面、相关/促销/交叉销售、小部件）。

根据安装的主题，可能需要一些样式改进。


安装

Composer

在 Magento 2 根目录中运行以下命令

php bin/magento maintenance:enable
composer require wapone/module-stickers
php bin/magento setup:upgrade
php bin/magento maintenance:disable

用户指南

配置扩展

  1. 转到 网店 - WAPONE - 贴纸。
  2. 将 激活 设置为 '是'。
  3. 您必须决定使用 手动 或 自动 作为 折扣计算 （手动：将显示折扣图像或折扣标签 ** - ** 自动：将显示系统计算的折扣；可以选择仅贴纸背景和文本颜色。）
  4. 选择 折扣产品类别 （一个或多个）以应用贴纸（仅用于 手动 的情况）
  5. 选择 贴纸类型 （图像 或 自定义标签）
  6. 上传折扣图像
  7. 设置 标签，第一行（用于 手动 和 自定义标签 的情况）
  8. 设置 标签，第二行（用于 手动 和 自定义标签 的情况）
  9. 设置 贴纸背景颜色（用于 自定义标签 的情况）
  10. 设置 贴纸文本颜色（用于 自定义标签 的情况）

注释

该扩展已在 Luma Thema（默认 Magento 2 主题）上进行了测试；由于其操作依赖于一些 DOM 元素（它使用 JavaScript 运作），可能需要为具有不同 DOM 结构的主题进行一些代码更改。您必须更改 <magento_dir>/vendor/wapone/module-stickers/view/frontend/web/js/categoryPageDiscount.js 中的 jquery 代码以用于分类页面，以及 <magento_dir>/vendor/wapone/module-stickers/view/frontend/web/js/viewPageDiscount.js 以用于产品页面。

分类页面示例

Luma 主题

$($(this).parent().parent().find("a").find("span").find("span")).prepend(self.options.imageTag.discountArea);

Ultimo 主题

$($(this).parent().parent().find("div.product-item-img").find("a.product-image")).prepend(self.options.imageTag.discountArea);

Porto 主题

$($(this).parent().parent().find("div.product-item-photo")).prepend(self.options.imageTag.discountArea);

兼容性

  • Magento CE
    • 2.1.x
    • 2.2.x