问题标签 [hubl]

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 回答
200 浏览

arrays - 比较两个数组,检查匹配值

使用 HubL(当我在 HubSpot 中构建模块时),我有两个数组:

  1. topics: 这是一个主题列表。
  2. all_tags:这是系统中所有博客标签的数组。

如果我转储这些数组,它将返回:

  • {{ topics }}打印以下内容:[Data, Accounting, Insight]
  • {{ all_tags }}打印以下内容:[Accounting, Press, Data]

所以本质上,{{ topics }}有一个系统中尚不存在的标签(“洞察力”)。

我要做的是创建第三个数组,它将包含来自上述两个数组的匹配结果。例如topics_final,一旦返回,应该打印[Data, Accounting]

但是,在打印时{{ topics_final }},数组是空的。

我试过的:

有了上面,它只是打印出{{ topics }}, 即使Insight不在all_tags数组中。

注意:标记Jinja2为语法相似

0 投票
0 回答
61 浏览

hubspot - Hubspot 自定义模块 - 可以附加到 JS onClick 上的 hubspot 数组吗?

我目前正在 Hubspot 中处理一个项目,我想通过单击 DOM 元素将过滤器添加到过滤器数组中,最好是使用 addEventListener('click')。这可能吗?有没有人成功地做到这一点?

这是我当前的代码(显然不起作用):

请哈普!

0 投票
1 回答
88 浏览

css - 如何添加/删除字体真棒图标

我无法在此处找到“阿拉斯加”旁边的字体真棒图标(屏幕截图): 缺少粉红色的字体真棒图标

我在这里使用的这个免费的 Hubspot 主题似乎被打破了:https ://www.webdew.com/clear/blog

我要么想一起删除该图标,要么将其替换为另一个将显示的字体真棒图标。请注意,我是新手,所以我不确定要在这里向大家展示哪些代码来剖析。

任何帮助表示赞赏。

编辑:更新了实际的主题链接,之前的链接不正确。

0 投票
1 回答
221 浏览

html - 运行 for 循环以显示帖子,但使第三张卡片始终显示带有特定标签的帖子

这个问题是关于HubSpot/HuBl的,但我也标记twig为语法相似。

我有一个包含 7 张卡片的博客布局,结构如下:

在此处输入图像描述

作为参考,上面的类修饰符是:

  1. blogCard
  2. blogCard
  3. blogCard--long
  4. blogCard
  5. blogCard
  6. blogCard--wide
  7. blogCard

现在,在 中HubL,我正在尝试循环查看帖子,并且在loop.index等于 的地方three,我希望它显示一个标签为 的博客帖子video。这篇video文章将出现在blogCard--long.

因此所有其他 6 张卡片都可以显示带有任何标签的帖子,但第 3 个 ( blogCard--long) 必须是带有标签的帖子video

为此,我尝试了以下方法:

我基本上是posts在所有帖子上运行初始循环,不包括带有video. 然后,当遇到第三项时,我正在运行一个嵌套循环以从视频帖子中获取数据。但是,由于它是一个嵌套循环,它会在一个循环迭代中显示所有视频帖子。例如,如果我有两个带有 标记的帖子video,在一次迭代中,它将显示这两个视频帖子。

只是想就我在这里应用的逻辑寻求建议,以及实现这一目标的最佳方法是什么?

0 投票
1 回答
75 浏览

svg - 是否可以替换 HubSpot 代码库中的社交媒体图标?

我是这个平台和语法的新手。我们的主题中有自定义社交媒体图标。例子:

我想在这里替换社交共享模块中使用的默认图标。可能吗?

我知道有一种方法可以替换模块检查器中的社交媒体图标,但它只需要 pngs。

0 投票
0 回答
12 浏览

hubspot-crm - 如何使用 HubL 从 HubDB 表中的日期列中获取已排序的行

我雇了一个人来编写一些HubL逻辑,用于从HubDB 表中获取已排序的行。该代码有效。对hubdb_table_rows的调用返回按“webinar_order”排序的结果,其中包含整数值。

我在同一个 HubDB 表中有另一列“webinar_date”,它是一个(单击并选择)日期字段。我想更新逻辑,以便按日期排序返回行;最终下降(最近的第一个)。

但是,当我将“orderBy= webinar_order &limit=50”中的列名更改为“orderBy= webinar_date &limit=50”时,它只会返回我在表中看到的行。我也查看了过滤器选项,但没有看到任何有用的信息。

当前 - 工作

更新 - 不工作

我是否缺少某些日期类型特有的东西?是否有可能我没有正确引用网络研讨会日期列?(我不确定如何获取标签/变量名称,并假设它们与列名相同,空格替换为下划线,就像“网络研讨会订单”的情况一样

我查看了HubDB 论坛中的用例和建议,但无法获得任何解决问题的见解。

带有日期列的 HubDB 表

0 投票
1 回答
27 浏览

javascript - 将 fetch() 中的数据过滤到匹配的容器中

我正在使用fetch()创建一个从匹配的section列表中提取和排序列表。greenhouse apicontainer

我有一个预定义的列表departments,我已将其存储在departments数组中。如果某个fetched项目的值与该data-dept值相似,则将在该值html下添加该值container

这是一个示例,数组中的一项是“Sales”。一旦fetch()完成,可能会发生两件事:

  1. 存在“销售”的工作department,在这种情况下,它将附加到data-dept="sales". 注意:在我的代码中,我data-dept^=用来查找相似的名称。如果“销售我们”在 api 中退出,那么我也希望将其附加到[data-dept="sales"].
  2. department“销售”不存在任何工作。在这种情况下,如果“[data-dept="sales"]` 没有子元素,请将其隐藏,因为显示没有列表的部门是没有意义的。

目前的问题:

  1. 您可以通过访问API URL看到具有“销售”“部门”的工作确实存在,但它们没有附加到我的data-dept="sales" div(它没有子元素)。
  2. array任何与需要追加的部门不相似的职位data-dept="other",但此部分也是空的。例如,您的 api 为“建筑师”的“部门”提供工作。此选项不在数组中,因此需要将这些作业附加到data-dept="other".

代码:

如果有帮助,这是我尝试实现的布局的视觉指南:

在此处输入图像描述