第 103 期 店铺装修之模块间距调节器
1 min read

第 103 期 店铺装修之模块间距调节器

点击这里查看视频演示

此为免费版本,可在页面中添加一个调节器。如需在同一页面添加多个不同的调节器,详见 SVIP 视频

margin-adjuster.liquid
<style>
.more-margin {
height: 1px;
margin-top: {{section.settings.more_margin_top}}vh;
}
</style>
<div class="more-margin" style="display: block;"></div>

{% schema %}
{
"name": "上下间距调节器",
"settings":[
{
"type": "range",
"id": "more_margin_top",
"label": "左右拖动调节间距",
"info": "[使用参考](https://shopify2006.com/add-a-shopify-section-margin-adjuster/)",
"max": 30,
"min": -30,
"step": 1,
"default": 0
}
],
"presets":[
{
"name": "上下间距调节器",
"category": "Advanced"
}
]
}
{% endschema %}