Shoptimized主题产品徽章布局设置指南：徽章设计到布局优化，引领您步入高效2025

在Shopify在线商店后台，找到Online Store - Themes - Customize - Theme settings路径。在模板编辑器的侧边栏中，深入探索PRODUCT BADGES & LAYOUT SETTINGS的奥秘。

关于Arrow Styles，这是控制产品系列滑动查看时的箭头样式设置。有两种选项可供选择：

1. Left-Right (Disabled on Mobile)：箭头在左侧和右侧，但在移动端不可用。

2. Bottom-Centered：箭头位于底部中央。

当选择Bottom-Centered样式时，还有一个隐藏选项，可以勾选Hide border-bottom on the sections，去掉底部的边框。

接下来是Collection Item Styles，即产品系列中的产品展示风格。有三种展示方式：

1. Show Products in Boxes：在方框中展示产品。

2. No boxes, but on hover over the box appears：没有方框，但在鼠标悬停时会出现方框。

3. No Boxes：无任何方框。

还有针对移动端的特定设置。例如，Show 2.5 products on mobile选项允许你在移动端显示2.5个产品，而不勾选则默认显示2个。另一个选项Use fixed swipe on mobile则控制移动端产品系列中的滑动查看产品数量。

在Sale Button Style Option部分，有六种销售徽标样式可供选择。每种样式都有相应的显示效果图。

Product Layout Option部分提供了五种产品布局选择设置。这些选项有不同的显示效果，其中一些是鼠标悬停时显示，另一些则只显示QUICK BUY快速购买按钮，而不显示产品优惠金额。

让我们关注Product Badges，即产品徽章。这些徽章可以标识产品是新品、免运费、售罄、最畅销等。Shoptimized主题提供了完整的产品徽章Tag列表，如badge-freeshipping、badge-bestseller等。你也可以使用自定义徽章，需确保为透明的PNG格式。还有指定徽章显示位置的Tag，例如badgestyle-topright可将徽章放置在产品图片的右上角等。

使用上述对应的Tag添加到需要显示产品徽章的产品中即可。需要注意的是，Tag必须完全匹配，区分大小写。

以上便是Shoptimized主题中关于产品徽章和布局设置的详细介绍。关于字体样式、大小和字体颜色的设置相对简单，这里就不详细展开了。

（来源：One小白）以上内容纯属作者个人观点，不代表风口星跨境立场！本文经原作者授权转载，转载需获得原作者明确授权同意。