如何在Shopify中将flexslider替换为堆叠内容？

在我们网站的桌面版上，我们有一个三栏的部分（主题是文字广告），一个关于提货，一个关于送货，一个关于发货。在手机上，它会自动转换为flexslider，没有箭头，也没有任何知道如何滑动的方法，除非你看的时间足够长。我宁愿把这3个都叠起来，这样用户就不会错过这些关键信息

我已经找到了处理手机文字广告的代码，但我不知道用什么来代替它。非常感谢您的帮助

  <div class="container d-block d-md-none">
    <div class="row text-advert-section mobile-homepage-text-adverts flexslider text-adverts-alignment--{{ text-advert--alignment }}">
      <ul class="slides">
        {% for block in section.blocks %}

          {%- assign advert_has_link = false -%}
          {% if block.settings.link != blank %}
            {%- assign advert_has_link = true -%}
          {% endif %}

          <li {{ block.shopify_attributes }}>
            <div class="grid__item text-advert-section__item{% if advert_has_link %} text-advert-section__item--link{% endif %}">
              {% if advert_has_link %}<a href="{{ block.settings.link }}">{% endif %}

                {% if block.settings.icon != 'none' %}
                <div class="text-advert-section__icon-wrapper {{ section.settings.icon-size }}">
                  <i data-feather="{{ block.settings.icon }}"></i>
                </div>
                {% endif %}

                <div class="text-advert-section__text-wrapper">

                  {% if block.settings.heading != blank %}
                    <span class="text-advert-section__header type-subheading type-subheading--1">{{ block.settings.heading | escape }}</span>
                  {% endif %}

                  {% if block.settings.subheading != blank %}
                    <span class="text-advert-section__sub-header h6">{{ block.settings.subheading | escape }}</span>
                  {% endif %}
                </div>

              {% if advert_has_link %}</a>{% endif %}
            </div>
          </li>

        {% endfor %}
      </ul>
    </div>
  </div>

{section.blocks%中的块的%s}
{%-分配广告\u有\u链接=false-%}
{%if block.settings.link！=空白%}
{%-assign advert\u has\u link=true-%}
{%endif%}

{%if广告商\有\链接%}{%endif%}

{%endfor%}

flexslider正在由javascript初始化。因此，您需要找到初始化滑块的脚本。最有可能的情况是：

$（'.flexslider'）.flexslider（{}）

您还应该将

flexslider

类从

div

with class

text advert部分删除，因为它不应该使用任何flexslider代码

让我知道这是否有帮助：）