3回答

0收藏

如何做一个Shopify弹窗页面

问答社区已升级并迁移 问答社区已升级并迁移 354 人阅读 | 3 人回复 | 2022-01-18

请问有大佬知道如何做一个弹窗页面呢? 就是一个静态的弹窗,然后我要在这个页面里面放一篇文章。类似于size chart那种弹窗。
分享到:
回复

使用道具 举报

回答|共 3 个

Shopify_Key

发表于 2022-1-19 15:15:59 | 显示全部楼层

https://www.shopify2006.com/how-to-add-a-size-chart-on-shopify/
变通一下,如果不是做尺码表,替换 page handle 为你创建的页面对应 handle 即可:
{{ pages.size-chart.content }} Snippet 中的这部分代码里 size-chart 改为你页面的 handle
如果不知道什么是 handle,去看新手教程。

点评

这个页面的代码里有两个判断options 是否有"size"的,,,可以根据需求改动,不然options 没有size的话可能会不显示弹窗按钮  详情 回复 发表于 2022-1-27 10:41
社区的初衷是交流,而非提问。不要只是单向索取,也应想想自己能为他人提供什么价值。
回复

使用道具 举报

元宇宙运营选手

发表于 2022-1-27 10:37:24 | 显示全部楼层

群主的方法实用
回复

使用道具 举报

元宇宙运营选手

发表于 2022-1-27 10:41:09 | 显示全部楼层

本帖最后由 元宇宙运营选手 于 2022-1-27 10:44 编辑

这个页面的代码里有两个判断options 是否有"size"的,
{% if request.page_type == 'product' %}
    {% if product.options contains 'Size' %}
    {% render 'size-chart' %}
    {% endif %}
{% endif %}


{% if product.options contains 'Size' %}
        <div class="trigger-pop-up"><a>Size Chart</a></div>
{% endif %}


,可以根据需求改动,不然options 没有size的话可能会不显示弹窗按钮;如果需要所有产品页面都显示这个弹窗按钮,可以删掉标黄的if判断
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 停止注册

本版积分规则

102 积分
2 主题