Hubspot 自定义模块和引导轮播

Posted

技术标签:

【中文标题】Hubspot 自定义模块和引导轮播【英文标题】:Hubspot custom modules and bootstrap carousel 【发布时间】:2016-08-29 19:56:28 【问题描述】:

Hubspot 在其自定义模块周围添加了包装器。我非常想找到一种方法让这段代码适用于 Bootstrap 轮播。任何想法如何让轮播插件知道在这个添加的 Hubspot span 和 div 包装器中定位我的项目类?

<div class="carousel-inner">        

    <!-- this is added by Hubspot wraps all items -->
    <span id="hs_cos_wrapper_carousel_items" class="hs_cos_wrapper hs_cos_wrapper_widget_container hs_cos_wrapper_type_widget_container" style="" data-hs-cos-general-type="widget_container" data-hs-cos-type="widget_container">

        <!-- this div is added by Hubspot on each item -->
        <div id="hs_cos_wrapper_widget_1462360389044" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="" data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget">

             <!-- finally, we have the carousel items here -->
             <div class="item">
                 <div class="hero" style="height: 765px; min-height: 300px; background-image: url(image.jpg);"></div><!-- end hero-->
                 <div class="container carousel-caption">Test hero</div>
             </div><!-- carousel item -->

        </div>   <!-- added Hubspot div around each item div -->

    </span>  <!-- added Hubspot span -->      

</div>  <!-- carousel-inner div -->

【问题讨论】:

【参考方案1】:

我这样做的方法是从自定义模块中删除“项目”。而是用 jquery 将每个自定义模块包装在其中。例如,将包含模块的列指定为“bootstrap-flex”类。然后添加:

$('.bootstrap-flex > span').wrapInner("<div class='carousel-inner'></div>");
$('.carousel-inner .hs_cos_wrapper_type_custom_widget').each(function() 
$(this).wrap("<div class='item'></div>");
);

【讨论】:

以上是关于Hubspot 自定义模块和引导轮播的主要内容,如果未能解决你的问题,请参考以下文章

html 博客主题HubSpot模块

scratch中自定义模块的数字或文本有啥用

Python调用自定义模块方法有啥

odoo怎么添加本地自定义模块

Python找不到自定义的模块

qml-自定义quick模块