shopify - 如何在 Shopify 中处理不同环境但图像相同的问题？

Question

我有两个不同的站点，一个开发站点和一个临时站点，具有相同的 Shopify 主题。我在 git 上也有我的主题文件。我将开发分支合并到暂存分支，但与图像路径有很多冲突。

例如，一些 CSS 代码会与
staging 发生冲突：background: url(//cdn.shopify.com/s/files/1/0553/6117/5731/t/44/assets/contact_bg_img.png?29198)

发展：background: url(//cdn.shopify.com/s/files/1/0196/8186/9924/t/70/assets/contact_bg_img.png?36011)

图片是一样的，只是位置不同，因为它们是不同的商店。如果我合并更改，则图像位置将不正确。我不确定如何处理这个问题。有没有人处理过这个？有任何想法吗？

标签： shopify

Answer 1

您需要将这些图像视为主题资产。您可以将这些图像添加到主题中的资产目录，然后使用URL 过滤器生成图像的 URL。

{{ 'contact_bg_img.png' | asset_img_url: '300x' }}

如果您想使用当前的解决方案，例如上传文件然后使用该 URL，也可以通过URL 过滤器来完成。

{{ 'contact_bg_img.png' | file_img_url: '1024x768' }}

这样做，您将拥有多个商店的相同代码，并且代码中没有硬编码的 URL。