来到 Shopify 在线商店后台，选择 Online Store - Themes - Customize - Theme settings，
在模板编辑器的侧栏中找到它 PRODUCT BADGES & LAYOUT SETTINGS 设置，
首先，来看 Arrow Styles 即在检查产品系列滑动时控制箭头样式设置，共享 2 各种设置风格，分别为：
Left-Right (Disabled on Mobile)：左-右(不能使用移动终端)
Bottom-Centered：底部居中
具体效果如下：
Left-Right (Disabled on Mobile)
图源：Shoptimized Demo
Bottom-Centered
图源：Shoptimized Demo
当选择 Bottom-Centered 在显示样式时，您还可以检查以下内容 Hide border-bottom on the sections，
图源：Shopify 后台
去掉底部边框，
图源：Shoptimized Demo
接下来是 Collection Item Styles 即产品系列中的产品展示风格，共有 3 各种显示风格，分别为：
Show Products in Boxes：在框中显示产品；
No boxes, but on hover over the box appears：没有方框，但鼠标悬挂时会出现；
No Boxes：没有方框。
其中 Show Products in Boxes 即在方框中显示产品的效果如下：
图源：Shoptimized Demo
而 No Boxes 效果如下，如果产品图是白底图，这里的效果会更明显。
图源：Shoptimized Demo
再来看看两个移动端产品的布局设置，
图源：Shopify 后台
Show 2.5 products on mobile：勾选意味着移动终端产品系列布局显示 2.5 在默认情况下，只显示一个产品而不检查，即 2 个。
图源：Shoptimized 帮助文档截图
Use fixed swipe on mobile：控制在移动产品系列中滑动时查看的产品数量。
然后是 Sale Button Style Option，即销售标志样式设置，共有 6 各种显示样式，分别为：
Option 1
Option 2
Option 3
Option 4
Option 5
No Sale Button
各自的显示效果如下所示，
Option 1
图源：Shoptimized Demo
Option 2
图源：Shoptimized Demo
Option 3
图源：Shoptimized Demo
Option 4
图源：Shoptimized Demo
Option 5
图源：Shoptimized Demo
No Sale Button
图源：Shoptimized Demo
接着，下面还有一个 Product Layout Option 以及产品布局的选择和设置，共 5 各种风格，分别是：
Option 1
Option 2
Option 3
Option 4
None
各自的显示效果如下所示，
Option 1
图源：Shoptimized Demo
Option 2
图源：Shoptimized Demo
Option 3
图源：Shoptimized Demo
Option 4
图源：Shoptimized Demo
None
图源：Shoptimized Demo
上面的 Option 1 和 Option 3 鼠标划过悬停时显示效果， None 当鼠标划过悬停时，样式只显示 QUICK BUY 快速购买按钮不显示产品节省的优惠金额（节省百分比或具体金额）。
最后，来看看 Product Badges 即产品徽章，如标识产品为新产品/免运费/售罄/最畅销等，
Shoptimized 主题中完整的产品徽章 Tag 列表如下所示，
badge-freeshipping
badge-bestseller
badge-new
badge-onsale
badge-performance
badge-savenow
badge-toprated
badge-preorder
badge-instock
badge-custom1
badge-custom2
自定义徽章也可以使用，但要保证透明 PNG 格式。此外，还有一个指定的徽章显示位置 Tag，例如，产品图片右上角显示控制产品徽章等。
完整的产品徽章定位 Tag 列表如下：
badgestyle-topright
badgestyle-topleft
badgestyle-middleleft
badgestyle-middleright
badgestyle-center
badgestyle-bottomright
badgestyle-bottomleft
使用时对应上述对应的 Tag 添加到要显示产品徽章的产品中，
图源：Shopify 后台
另外要注意 Tag 区分大小写必须完全相同。
图源：Shoptimized Demo
好了，以上就是 Shoptimized 主题介绍了产品徽章和布局设置，其余有一些关于字体风格、尺寸和字体颜色的设置，这些相对简单，这里没有讨论。
