Shopify主题,液体,标识和用户体验
要继续收到付款,您需要在2023年1月18日之前启用两步身份验证来保护您的帐户。如果两步验证没有打开,您的支付将被暂停。<一个href="//m.theturtleeffect.com/community/c/announcements/two-step-authentication-for-shopify-payments/m-p/1799879">了解更多< / >
你好,
当添加一个特色的集合在幻灯片风格,有一个股票shopify灰色图像在幻灯片的末尾,文字说商店这个集合。
如何删除此图像,我希望幻灯片以产品图像结束。我已经有一个按钮的集合,导致所有的产品。
谢谢你!
你用的是哪个主题?
嗨<一个href="//m.theturtleeffect.com/community/c/user/viewprofilepage/user-id/1239480">@shoshox< / >
请分享您的商店网址,以便我们检查并提供解决方案。< / span >
谢谢你的回复。我用的是超市主题。
你好SmallTask,
我的商店还没有开业,还在开发中。
嗨<一个href="//m.theturtleeffect.com/community/c/user/viewprofilepage/user-id/339446">@Lucid_Polygon< / >,
谢谢你的帖子。
是的,这是集合图像的空间。在管理控制部分中没有关闭此图像的选项。当你滚动所有的产品后,它总是会弹出在幻灯片的末尾。< / span >
这是dynamic- features -collection.liquid的代码:< / span >
{% style %}
# shopify-section -{{部分。id}} {Background-color: {{section.settings。background_color}};}
# shopify-section -{{部分。Id}} .featured-collection——container {填充顶部:{{section.settings。section_spacing_mobile}} px;填充底部:{{section.settings。section_spacing_mobile}} px;}
@媒体屏幕和(min-width: 720px) {# shopify-section -{{部分。Id}} .featured-collection——container {填充顶部:{{section.settings。section_spacing_desktop}} px;填充底部:{{section.settings。section_spacing_desktop}} px;}}
# shopify-section -{{部分。Id}} .featured-collection——overlay:not(.banner) {如果section.settings. {%Background_overlay_style == 'solid' %}Background-color: {{section.settings。background_overlay_color}};{% elsif section.settings。Background_overlay_style == 'gradient' %}背景:{%包括“梯度”,颜色:section.settings.background_overlay_color,text_position:“顶”%};{% endif %}不透明度:{{section.settings。background_overlay_opacity}} %;}
# shopify-section -{{部分。Id}} .featured-collection——container {margin-bottom: 0;}
# shopify-section -{{部分。Id}} .featured-collection——container .home-section——title {颜色:{{section.settings。heading_color}};}
# shopify-section -{{部分。Id}} .featured-collection——container .home-section——子标题,# shopify-section -{{部分。Id}} .featured-collection——container .home-section——子标题a {颜色:{{section.settings。subheading_color}};}
# shopify-section -{{部分。Id}} .featured-collection——container . flickr -prev-next-button . flickr -button-icon {填充:{{section.settings。heading_color}};}
# shopify-section -{{部分。Id}} .featured-collection——container .flickity-prev-next-button:not(:disabled):hover .flickity-button-icon {填充:# 000;}{% endstyle %}
{%分配集合=集合[section.settings.]集合]%}{% assign product_limit = section.settings。product_count %}{% assign banner = blank %}{% assign banner_position = blank %}
{% if section.blocks.size > 0 %}{% assign block = section.blocks.first %}{% assign collection_product_remainder = collection.products.size | modulo: 5%}{% assign banner_position = block.settings。banner_position %}{% if collection.products.size > 5 and collection_product_remainder == 0 %}{% assign product_limit = product_limit{% elsif collection.products.size == 5 and collection_product_remainder == 0 %}{% assign product_limit = 4%}{% endif %}
{% style %}# shopify-section -{{部分。Id}} .featured-collection——banner .featured-collection——banner-outer .featured-collection——banner-subtitle {颜色:{{block.settings。banner_preheading_color}}}
# shopify-section -{{部分。Id}} .featured-collection——banner .featured-collection——banner-outer .featured-collection——banner-title {颜色:{{block.settings。banner_heading_color}}}
# shopify-section -{{部分。Id}} .featured-collection——banner .featured-collection——overlay {Background-color: {{block.settings。banner_overlay_color}};不透明度:{{block.settings。banner_overlay_opacity}} %;}{% endstyle %}
{%捕获横幅%}<李类= "productgrid——项目featured-collection——旗帜{%除非block.settings。banner_image %}featured-collection——旗帜-placeholder{% endunless %}"如果block.settings. {%banner_image %}{%包括“rimg”、img: block.settings.banner_image大小:500年x750’,作物:“中心”,背景:没错,懒惰:settings.lazy_load%}{% endif %}data-collection-banner>如果block.settings. {%banner_image %}{%包括“rimg”、img: block.settings.banner_image大小:500年x750’,作物:“中心”,帆布:settings.lazy_load,懒惰:settings.lazy_load%}{% else %}{{'collection-5' | placeholder_svg_tag}}{% endif %}
< div class = " featured-collection——banner-inner”>< span class = " featured-collection——banner-subtitle”>{%除非入职%}{{block.settings。Banner_preheading | escape}}{% else %}{{onboarding.featured_collection。小标题' | t}}{% endunless %}< / span >
< h2类=“featured-collection——banner-title " >{%除非入职%}{{block.settings。Banner_heading | escape{% else %}{{onboarding.featured_collection。标题' | t}}{% endunless %}< / h2 >< / div >< / >李< / >{% endcapture %}{% endif %}
{%分配产品=集合。产品%}{% assign onboarding = false %}
<脚本type = " application / json "data-section-id = "{{部分。id}}”data-section-type = " dynamic-featured-collection ">> < /脚本
{% capture background_image %}如果section.settings. {%准确%}{%包括“rimg”img: section.settings.background_image,懒惰:settings.lazy_load,背景:没错,作物:中心%}{% endif %}{% endcapture %}< div class = "featured-collection——包装如果section.settings. {%准确%}featured-collection--background-image {{ section.settings.background_image_position | replace: '-', ' ' }}{% endif %}"{{background_image}}>{%除非section.settings。Background_overlay_style == 'none' %}< div class = " featured-collection——叠加" > < / div >{% endunless %}<节类= "featured-collection——容器product-row——容器"数据布局= " {{section.settings。product_layout}}”>{%如果section.settings.title !=空白或section.settings.subheading !=空白%}
< ul类= "home-section——内容featured-collection——内容product-row{% if设置。Enable_product_card_spacing == false %}product-row——no-spacing{% endif %}"数据内容数据布局= " {{- section.settings。product_layout -}}”>{% if banner != blank and banner_position == 'first' %}{{banner}}{% endif %}
{% if banner !=空白%}{%分配product_limit = product_limit |减:1%}{% endif %}
product limit: product_limit %}{%包括“product-grid-item”、产品:产品%}{% else %}{I in (1..product_limit) %}{%捕获当前%}{%周期1,2,3,4 %}{%结束捕获%}
{%-捕获placeholder_image -%}{{'product-' |追加:当前|占位符_svg_tag: '占位符——image'}}{%- endcapture -%}
{%包括“product-grid-item”、产品:假%}{% endfor %}{% endfor %}
{% if banner != blank and banner_position == 'last' %}{{banner}}{% endif %}< / ul >{% assign button_style = section.settings。Cta_button_style | split: "_" %}如果section.settings. {%Cta_text = blank %}{%-捕获button_classes -%}featured-collection - cta- {{button_style按钮。第一}}{%如果button_style包含'icon' %}has-icon{% endif %}{%- endcapture- %}< div class = " featured-collection——cta-wrapper”><一个Class ="{{button_classes}}"Href ="{% if集合。"Url != blank %}{{集合。Url}}{% else %}#{% endif %}">< span class = "按钮文本”>{{section.settings。cta_text}}< / span >{%如果button_style包含'icon' %}< span class = "按钮图标”>{%包含'icon-library', id: 'icon-chevron-signpost' %}< / span >{% endif %}< / >< / div >{% endif %}< / >节< / div >
{% schema %}{“名称”:“精选系列”,“类”:“featured-collection——节”,“max_blocks”:1、“设置”:[{“类型”:“文本”,“id”:“标题”,“标签”:“标题”,"default": "Featured collection"},{“类型”:“richtext”,“id”:“副标题”,“标签”:“副标题”},{“类型”:“颜色”,“id”:“heading_color”,“标签”:“标题颜色”,“默认”:“# 4 d4d4d”},{“类型”:“颜色”,“id”:“subheading_color”,“标签”:“节标题颜色”,“默认”:“# 4 d4d4d”},{“类型”:“颜色”,“id”:“background_color”,"label": "Section背景色"},{“类型”:“范围”,“id”:“section_spacing_desktop”,"label": "桌面段间距",“最小值”:0,“马克斯”:100年,“步骤”:1、“单位”:“px”,“默认”:50},{“类型”:“范围”,“id”:“section_spacing_mobile”,“label”:“移动段间距”,“最小值”:0,“马克斯”:100年,“步骤”:1、“单位”:“px”,“默认”:36},{“类型”:“头”,“内容”:“收集”},{“id”:“集合”,“类型”:“集合”,“标签”:“收集”},{“类型”:“范围”,“id”:“product_count”,“标签”:“产品数量”,“最小值”:5“马克斯”:25日“步骤”:5“默认”:10},{“类型”:“选择”,“id”:“product_layout”,“标签”:“布局”,“选项”:[{“价值”:“幻灯片”,“标签”:“幻灯片”},{“价值”:“电网”,“标签”:“电网”}),“默认”:“幻灯片”},{“类型”:“头”,"content": "Call to action"},{“类型”:“文本”,“id”:“cta_text”,“标签”:“标签”,“默认”:“商店收藏”},{“id”:“cta_button_style”,“类型”:“选择”,"label": "Button style",“选项”:[{“价值”:“主”,“标签”:“主”},{“价值”:“primary_with_icon”,"label": "Primary with icon"},{“价值”:“二次”,“标签”:“二级”},{“价值”:“secondary_with_icon”,"label": "Secondary with icon"}]},{“类型”:“头”,“内容”:“背景”},{“id”:“准确”,“类型”:“image_picker”,"label": "Background image"},{“id”:“background_image_position”,“类型”:“选择”,“标签”:“位置”,“选项”:[{“价值”:“左上的”,"label": "左上角"},{“价值”:“上”,“标签”:“上中”},{“价值”:“右上的”,"label": "右上角"},{“价值”:“左翼”,"label": "中左"},{“价值”:“center-middle”,“标签”:“中间”},{“价值”:“中间偏右”,“标签”:“中右”},{“价值”:“左下”,"label": "左下"},{“价值”:“底部的中间”,"label": "Bottom middle"},{“价值”:“右下角”,"label": "右下"}),“默认”:“center-middle”},{“类型”:“头”,"content": "Background overlay"},{“id”:“background_overlay_style”,“类型”:“选择”,"label": "Overlay style",“选项”:[{“价值”:“没有”,“标签”:“没有”},{“价值”:“固体”,“标签”:“固体”},{“价值”:“梯度”,“标签”:“梯度”}),“默认”:“没有”},{“id”:“background_overlay_color”,“类型”:“颜色”,"label": "Overlay color"},{“id”:“background_overlay_opacity”,“类型”:“范围”,“标签”:“不透明度”,“最小值”:0,“马克斯”:100年,“步骤”:1、“单位”:“%”,“默认”:50}),“块”:({“类型”:“title_card”,“姓名”:“头衔卡”,“设置”:[{“类型”:“段”,"content": "使用Title Card时将少显示一个产品"},{“类型”:“选择”,“id”:“banner_position”,“标签”:“位置”,“选项”:[{“价值”:“第一”,“标签”:“开始”},{“价值”:“最后”,“标签”:“结束”}),“默认”:“最后”},{“类型”:“文本”,“id”:“banner_preheading”,“标签”:“Preheading”,"default": "Shop this"},{“类型”:“文本”,“id”:“banner_heading”,“标签”:“标题”,“默认”:“收集”},{“类型”:“颜色”,“id”:“banner_preheading_color”,“标签”:“开头颜色”,“默认”:“# ffffff”},{“类型”:“颜色”,“id”:“banner_heading_color”,“标签”:“标题颜色”,“默认”:“# ffffff”},{“类型”:“颜色”,“id”:“banner_overlay_color”,"label": "Overlay color"},{“类型”:“范围”,“id”:“banner_overlay_opacity”,"label": "覆盖不透明度",“最小值”:0,“马克斯”:100年,“步骤”:1、“单位”:“%”,“默认”:0},{“id”:“banner_image”,“类型”:“image_picker”,"label": "Background image","信息":"推荐500 x 750px .jpg "}]}),“预设”:({“名称”:“精选系列”,“类别”:“集合”,“块”:({“类型”:“title_card”}]}),“模板”:[“指数”,“产品”,“页面”]}
{% endschema %}
请通过添加{% comment %}和{% endcomment %}注释掉两段代码。
一:
{% comment %} {% if banner != blank and banner_position == 'first' %} {{banner}} {% endif %} {% endcomment %}
二:
{% comment %} {% if banner != blank and banner_position == 'last' %} {{banner}} {% endif %} {% endcomment %}
这解决你的问题了吗?