html - 与模块冲突 - 带类的 div 消失

问题描述

我们在我们的网站上使用 Owl Carousel 和产品模块过滤器。它用于 PrestaShop 1.7.4。

猫头鹰旋转木马可以正常工作，直到使用产品过滤器。

在我们的网站上：https ://test.darujpoukaz.cz/cviceni您可以在页面底部看到一个轮播。

在控制台中是 Owl 轮播的代码：

<div class="carousel_content owl-carousel owl-theme owl-loaded owl-drag">
   <div class="owl-stage-outer">
      <div class="owl-stage" style="XY">
         <div class="owl-item cloned" style="width: 440px; margin-right: 10px;">
            <article class="dpcz-product product-miniature js-product-miniature".....>

但是如果使用产品过滤器（在我们网页的左侧），则代码将更改为：

<div class="carousel_content ">                                                            
    <article class="dpcz-product product-miniature js-product-miniature".....>

大多数 DIV 都丢失了，并且 Carousel 无法正常工作。

我检查了所有 js 和 css 是否已加载并且似乎都已正确加载。Google Chrome 的控制台中没有显示有关此问题的错误。

轮播文件中有代码：

        <section class="featured-products cp-block-wrapper clearfix">
    {else}
        <div class="clearfix carousels-pack-block">
            <div class="block">
    {/if}
                {if isset($carousel_options) && !empty($carousel_options)}
                    <h2 class="{if $psv < 1.7}title_block {else} h1 products-section-title text-uppercase{/if}">
                        {if $carousel_options['title'] != ''}
                            {$carousel_options['title']|escape:'htmlall':'UTF-8'}
                        {/if}
                    </h2>
                {/if}
                <div class="{if $carousel_options['activate_carousel']}carousels-pack-action {/if} carousels-pack carousels-pack-{$carousel_options['id_carousel']|escape:'htmlall':'UTF-8'}" 
                    data-carousel-type = "{$carousel_options['type']|escape:'htmlall':'UTF-8'}"
                    data-id-carousel = "{$carousel_options['id_carousel']|escape:'htmlall':'UTF-8'}"
                    data-carousel-nav = "{$carousel_options['nav']|escape:'htmlall':'UTF-8'}"
                    data-carousel-pagination = "{$carousel_options['pagination']|escape:'htmlall':'UTF-8'}"
                    data-carousel-autoplay = "{$carousel_options['autoplay']|escape:'htmlall':'UTF-8'}"
                    data-carousel-items = "{$carousel_options['items']|escape:'htmlall':'UTF-8'}"
                    data-carousel-items-desktop = "{$carousel_options['items_desktop']|escape:'htmlall':'UTF-8'}"
                    data-carousel-desktop-small = "{$carousel_options['desktop_small']|escape:'htmlall':'UTF-8'}"
                    data-carousel-tablet = "{$carousel_options['tablet']|escape:'htmlall':'UTF-8'}"
                    data-carousel-mobile = "{$carousel_options['mobile']|escape:'htmlall':'UTF-8'}"
                    data-carousel-rewind-speed = "{$carousel_options['rewind_speed']|escape:'htmlall':'UTF-8'}"
                    data-carousel-slide-speed = "{$carousel_options['slide_speed']|escape:'htmlall':'UTF-8'}"
                    data-carousel-pagination-speed = "{$carousel_options['pagination_speed']|escape:'htmlall':'UTF-8'}"
                    data-carousel-loop = "{if $cp_products|count >= 3}1{/if}"
                    data-carousel-prev = "{l s='prev' mod='hicarouselspack'}"
                    data-carousel-next = "{l s='next' mod='hicarouselspack'}">
                    {if $psv >= 1.7}
                        <div class="carousel_content {if !$carousel_options['activate_carousel']}inactive_carousel{/if}">
                            {foreach from=$cp_products item="product"}
                                {include file="catalog/_partials/miniatures/product.tpl" product=$product}
                            {/foreach}
                        </div>
                    {else}
                        {if $default_template}
                            {include file="{$tpl_dir}./product-list.tpl" products=$cp_products}
                        {else}
                            <ul class="carousel_content product_list">
                                {include file="{$cp_module_tpl_dir}/products_version.tpl" products=$cp_products psv=$psv activate_carousel=$carousel_options['activate_carousel']}
                            </ul>
                        {/if}
                    {/if}
                </div>
    {if $psv >= 1.7}
        </section>

我正在寻找这个问题的任何解决方案。

标签： htmlclassprestashopowl-carousel

html - 与模块冲突 - 带类的 div 消失

问题描述

解决方案

推荐阅读