我正在为BigCartel商店进行一些自定义，并且已停止我要添加的最后一个功能。我注意到我的模板[Ranger Theme]中没有包含允许产品页面上的尺寸图表按钮的选项。这是我真正想要的功能，因此我对其中的一个进行了编码，以触发一个弹出窗口，该弹出窗口显示尺寸图表。
我现在的问题是，无论客户正在查看什么产品，我如何才能使每个产品页面都允许在弹出窗口中显示不同的尺寸图，而不是显示相同的确切尺寸图？在编辑器中，看来我只能批量编辑“所有”产品页面的代码，而不能单独编辑每个页面。
我发现很难找到有关如何将这种功能添加到Big Cartel网站的任何文档。我能够看到的最接近的东西是Shopify的网站。由于Shopify和Big Cartel似乎都是用相同的模板语言[Liquid]编写的，因此我认为应该合理地期望Shopify网站上用于此功能的任何代码也可以在Big Cartel网站上工作，可能需要进行一些较小的修改大多数。
为了检验该理论，我借用了一些我认为是在CodePen网上找到的伪代码，这些伪代码是专门为Shopify编写的，并且有效。抱歉，我不记得确切的代码用途了-大概是一周前了，此后我就丢弃了代码。但我的意思是-它奏效了。因此，我相信即使稍微修改最初打算在Shopify网站中使用的编码也可以做到。
到目前为止，我在向互联网上的开发人员提出此问题时最常收到的答复是： “使用一点点PHP即可轻松解决。您正在使用Wordpress吗？”然后，我回应，不，实际上不是大型卡特尔网站的所在。”通常这就是convo的结局。似乎有很多方法可以在几乎所有其他平台上完成此任务，但是还没有人解决大型卡特尔的问题
我不知道哪种代码特别有用，因为我不是在问如何修复损坏的代码，而是可以写出可以实现特定期望结果的代码。如果有人想从我的BigCartel网站上获取任何特定代码，请告诉我。
如果有帮助，这里是指向按钮弹出窗口的整个HTML，CSS和JS编码的链接。https://codepen.io/leelabrae/pen/RzgjMb
下面是单独的HTML代码。
`<a class="trigger_popup_fricc"><button class="block" name="open" type="open" title="Size Chart">SIZE CHART</button></a>
<div class="hover_bkgr_fricc">
<span class="helper"></span>
<div>
<div class="popupCloseButton">X</div>
<p><img src="https://www.dropbox.com/s/hwa2l975cpmam9u/cityteesizes.png?raw=1"></p>
</div>
所需结果：单击标记为“尺寸图”的按钮会在该页面上触发弹出窗口，其中包含产品（A）的尺寸图的（图像）。如果用户导航到其他产品页面，则单击“尺寸表”按钮现在会触发一个弹出窗口，其中包含产品（B）的尺寸表，依此类推，直到所有产品都有自己独特的尺寸表弹出窗口。