问题标签 [aem-core-wcm-components]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
440 浏览

aem - 如何在 AEM 的 Teaser 组件中为图像添加 Alt 标签?

我想在预告片组件中添加类似于图像组件的 alt 标签。

OOTB 预告片组件使用数据狡猾的资源。

我可以在 data-sly-resource 上传递属性值吗?

提前致谢。

AEM 6.5 2.6.0 4.1.0

0 投票
1 回答
777 浏览

aem - 如何在 AEM 中的自定义组件上使用子编辑器?

就像核心中的 Accordion 和 Carousel 组件一样,您可以打开组件对话框并通过单击多字段上的“添加”按钮添加自定义嵌套组件。我正在尝试将此功能添加到我的自定义组件的对话框中。

在我的对话框的 .content.xml 中,我的多字段或子编辑器有这个片段。

在这个文件之上,我有

问题是当我单击新组件上对话框的添加按钮时,没有弹出任何内容。

我在这里想念什么?

0 投票
2 回答
756 浏览

dialog - 十进制数字字段在 AEM 触摸 UI 对话框中不起作用

我在 AEM(6.4) 触摸 UI 对话框中创建了一个数字字段。我添加了 step 属性0.1。我也试过用0.01 & 0.001。但是对于某些数字,没有任何模式,它不允许选择它们。对话框/编号字段给出验证错误并且不允许关闭对话框。

在此处输入图像描述

0 投票
2 回答
1527 浏览

aem - 如何在 AEM 上的列表组件对话框中使用子编辑器?

我正在尝试在列表组件的对话框上启用子编辑器,以允许用户将自定义组件添加到其中,例如核心中的轮播组件。

我使用 AEM 6.5,sling:resourceSuperType 是核心列表。

我的 .context.xml 组件如下:

列表组件的 HTML 文件,名为“list.html”,如下所示:

我可以在编辑模式下打开组件的对话框。但是,如果我在对话框中将新组件添加到新的子编辑器并尝试关闭对话框。我无法关闭对话框。错误信息是:

我按照“github.com/adobe/aem-core-wcm-components/issues/696”中的示例,将editConfig从轮播移动到我的列表组件。但是,它并没有解决问题。

我能做些什么?

0 投票
1 回答
59 浏览

vue.js - 创建 Vue 实例后检索到不同的 html 元素 textContent

textContent在元素上创建 Vue 实例之前和之后检索不同的值。

重现问题的链接

检查控制台以查看不同的输出。

Vue 实例正在剥离空格字符,因此检索元素textContent属性的空字符串。nonscript有没有办法阻止 Vue 这样做并检索与创建实例之前相同的值?

我在 AEM 项目上使用 Vue,因此在使用多个宽度再现时图像核心组件停止工作。

这里是在创建包含整个页面主体的 Vue 实例后中断的脚本。

AEM 图像.js

0 投票
1 回答
488 浏览

html - 如何在aem组件中设置背景图片,使用sightly

我正在使用以下代码动态设置响应式背景图像,但它在我的组件中不起作用。图像未显示,我的 UI 也受到干扰。

请为我的组件建议正确的代码以动态添加背景图像。

0 投票
1 回答
230 浏览

aem - AEM CIF:无法从 Magento 获取自定义产品属性

我无法获取使用 AEM Commerce 集成框架 (CIF) 在 Magento 中创建的自定义属性。如果您看到下面的日志,我的自定义属性不会出现在任何正在触发的图形 QL 查询中。而且,我的自定义产品模型是在所有查询都被触发后启动的。当我手动查询属性(通过邮递员)时,我能够获取相同的自定义属性。

执行此行后,任何时候都不会触发查询:

productRetriever.extendProductQueryWith(p -> p.addCustomSimpleField("custom_attribute")

0 投票
0 回答
42 浏览

adobe - AEM - Teaser 组件 - 设备宽度

我们有一个要求,即在 Teaser 组件中显示的图像应该进行优化,例如当屏幕尺寸也较小时文件尺寸会更小。

此功能已在图像组件中可用。图像组件按预期工作。

但是,当我在我的预告片组件中尝试它时,图像并没有为我优化。

在 AEM WKND 项目中,它运行良好: AEM WKND

*注意 data-cmp-width 属性(这是在图像组件上设置的)和图像 src,其宽度取决于屏幕大小

但是,当我在 AEM We.Retail 上尝试它时,预告片组件没有 data-cmp-attributes 并且图像 src 不会改变取决于设备宽度或屏幕尺寸。请参阅:本地

请帮忙。谢谢你。