第 74 期快速抵达同分类下上一产品/ 下一产品

通过 YouTube 观看本期 Shopify 教程

增强版主题已添加此功能，可以直接迁移到增强版，拥有全部功能

快速在同一个 Shopify 产品系列中的产品之间导航，方便客户快速浏览同类产品，找到自己想要的产品，提高订单转化。

第 143 期一元开店低成本拥有你自己的 Shopify 店铺

限时福利：既可用于创建新的店铺，也可以创建测试店铺（例如免费试用插件 APP 等），避免测试插件时代码残留在主题中，拖慢店铺网速。

Shopify BlogShopify2006

Shopify 增强版主题适用于所有官方推出的 2.0 主题额外添加五十几项功能

Shopify 店铺用什么主题比较好？哪款主题更好用？Shopify增强版主题，添加几十项功能，支持一键开启或关闭。适用于所有Shopify推出的 2.0 版九款主题，减少插件安装，降低每个月的插件订阅费。访问查看具体内容与视频演示

Shopify BlogShopify2006

创建 Snippet

next-prev.liquid

<style>
@media screen and (max-width: 768px) {
.nav-np {
display: none;
}
}
.nav-np {
font-size: 17px;
position: absolute;
right: 0;
top: -20px;
}
.nav-np a {
color: #000;
text-decoration: none;
}
.nav-np a:hover {
color: #0a0acb;
}
</style>


<div class="nav-np">
{% if collection.previous_product %}
{{ '&lt; Previous product' | link_to: collection.previous_product.url, collection.previous_product.title }}
{% endif %}
{% if collection.previous_product and collection.next_product %}
<span style="color: #fdcc0d;">|</span>
{% endif %}
{% if collection.next_product %}
{{ 'Next product &gt;' | link_to: collection.next_product.url, collection.next_product.title }}
{% endif %}
</div>

修改上一个父级元素为相对定位

style="position: relative;"

引用 Snippet （例如标题上方）

{% render 'next-prev' %}