时间戳

首页 > 解决方案 > 如何在 Shopify 的产品页面上制作全宽图像（如横幅）？

css - 如何在 Shopify 的产品页面上制作全宽图像（如横幅）？

问题描述

我正在使用 Shopify 并想在产品页面上添加全屏图像。由于您无法从 Shopify 执行此操作，因此我将不得不在主题的 css 中添加一些编码。我可以在我的页面上使用检查找到该部分，但是需要什么代码来覆盖主题设置的宽度？

标签： csswidthshopify

解决方案

登录管理员后，您可以从主题编辑器自定义产品页面模板/片段。这取决于您使用的 shopify 主题。

如果您可以将安全预览共享到您的产品页面，那将会更有帮助。

但总的来说，你可以试试这个：

 1. Login to your store admin 
 2. Go to "Themes" under "Sales Channels" in the left side bar
 3. Click "Actions" next to your current theme and click on "Edit Code"
 4. Go to "Assets" directory, you should see a file called
    "theme.scss.liquid"

在那里，您可以通过检查使用的类来放置自定义 CSS 以使产品图像全宽。

推荐阅读