包简介

Magento 2 Luma theme RTL

README 文档

README

Magento 2 Luma theme RTL.

Can be used as a parent for themes that use Hebrew, Arabic, and other RTL script languages.

Based on Blank RTL theme v100.4.7-p1-0, which, in turn, is based on Magento 2 original Blank theme v100.4.7-p1 (built-in to Magento v2.4.7-p1)

It was not tested on the previous Magento versions, but as long as it is Magento 2.4.X, the theme should work perfectly fine (though there is a chance some styles will be off)

In general, that is an exact copy of Blank theme, but with added direction: rtl; rule for <body> tag, dir="rtl" attribute for <html> tag, and left/right styles swapped.

Preview

Examples of CSS updates:

Original Luma	Luma RTL
`right: 0;`	`left: 0;`
`margin-right: -155px;`	`margin-left: -155px;`
`float: left;`	`float: right;`
`text-align: left;`	`text-align: right;`
`margin: 0 0 0 85px;`	`margin: 0 85px 0 0;`
`box-shadow: 3px 6px 4px 0 rgba(0, 0, 0, .3);`	`box-shadow: -3px 6px 4px 0 rgba(0, 0, 0, .3);`
`border-right: 1px solid #000;`	`border-left: 1px solid #000;`
`border-bottom-left-radius: 0;`	`border-bottom-right-radius: 0;`
`border-radius: 2px 0 0 2px;`	`border-radius: 0 2px 2px 0;`
`transition: right 1s;`	`transition: left 1s;`
`background: #fff url('../images/select-bg.svg') no-repeat 100% 45%;`	`background: #fff url('../images/select-bg.svg') no-repeat 0% 45%;`

Installation

composer require acid-unit/theme-frontend-luma-rtl

Usage

To preview the theme, use Magento Luma RTL (Acid Unit) theme for Store View under Content > Design > Configuration > Applied Theme admin section.

(because Luma RTL is based on Blank RTL theme, in the theme list you will notice both themes for selection)

To use theme as a parent, use <parent>AcidUnit/luma-rtl</parent> in your theme.xml file.

Note

The theme is based on Blank RTL theme, not on Magento's original Luma theme, so in order to be identical to Magento's Luma theme in all ways, it contains all the style, layout, template and other files that original Luma theme has.

According to that, Luma RTL has .less files that are identical to the original Luma theme files, because there are no CSS rules to be RTL-modified.

These files have a // @no_changes comment at the top. If the file does not have this comment, that means it has at least a single CSS rule updated.

Additional

@icon-prev and @icon-next icon variables values are swapped too
All modified CSS rules are marked with the // @rtl comment
// @keep-old comments mark CSS rules, values of which were not changed, though they fall under the general update rule

acid-unit/theme-frontend-luma-rtl 适用场景与选型建议

acid-unit/theme-frontend-luma-rtl 是一款基于 Less 开发的 Composer 扩展包，目前已累计 2 次下载、GitHub Stars 达 0，最近一次更新时间为 2025 年 01 月 17 日，在 PHP 生态内属于活跃度较高的组件。

我们在过去多个企业项目中使用过 acid-unit/theme-frontend-luma-rtl 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 acid-unit/theme-frontend-luma-rtl 我们能提供哪些服务？

定制开发 / 二次开发

基于 acid-unit/theme-frontend-luma-rtl 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

acid-unit/theme-frontend-luma-rtl

包简介