Shopify主题,液体,标识和用户体验
要继续收到付款,您需要在2023年1月18日之前启用两步身份验证来保护您的帐户。如果两步验证没有打开,您的支付将被暂停。<一个href="//m.theturtleeffect.com/community/c/announcements/two-step-authentication-for-shopify-payments/m-p/1799879">了解更多< / >
你用的是哪个主题?
嗨<一个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 %}
< 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 %}
这解决你的问题了吗?
你想要释放谷歌购物频道的无限力量到你的商店…
通过加布 2023年1月6日< / span >< / div >< / div >< div class = "featured-articles">怎样才能把爱好变成事业?这就是埃马纽埃尔在工作时所做的…
通过斯凯岛 2022年12月30日< / span >< / div >< / div >< div class = "featured-articles">运输可以是建立和管理您的业务的最重要的部分之一。理解……
通过奥利 2022年12月16日< / span >< / div >< / div >< / div >< / div >< / div >< / div >< div class = "lia-quilt lia-quilt-footer lia-quilt-layout-custom-footer lia-component-quilt-footer">