WooCommerce/Wordpress中的图片框

我是一名摄影师，目前正试图将我的网站从我的图片组合升级到一个功能齐全的电子商务网站

我已经了解了我需要做的大多数商业类型的事情，并且我知道我想要什么。我觉得我几乎可以实现我想要的

我面临的最大问题是动态地为我的图像设置帧以供出售

我想要的一些例子：

只是我能够制作一个.PNG框架，并在选择变体时将其动态添加到图像的背景中

我有理由相信这是一个简单的编码，但我没有编码经验

任何帮助都会很棒！我看不到一个简单的插件来做我想做的事情，我也看不到任何现有的插件或主题来添加这个功能

---

Dan

您不需要直接编辑图像，我也不推荐这样做，因为这需要更多的工作。CSS就是这样

既然你说你正在使用woocommerce，我就在下面的单一产品页面的图库中锁定了默认的woocommerce图像

这是一个非常基本的画框-如果你想让它更酷，你可以让它更酷（比如哑光）

---

将此代码添加到主题的自定义CSS字段。

欢迎使用StackOverflow。请注意，不鼓励提出这样的一般性问题。。只有在您研究了您的问题之后，才应该发布问题，并且应该包括您的特定编码相关问题的清晰轮廓，以及您迄今为止解决该问题的尝试。请阅读嘿，雅各布，非常感谢你的帮助。有没有办法显示.PNG对象？我真的需要显示他们将接收的实际帧，而不仅仅是颜色等。哦！对只需将

.png

作为第二个图像上传到产品。可以在这里找到说明：对不起，伙计，完全不是我的意思。我需要的PNG是“分层”或“覆盖”的自定义变量。因此，假设客户通过产品页面选择一个图像，然后选择将其放在白色框架中的选项，我需要在白色框架内动态显示图像，就像我上面链接的网站那样。这里的白色框架将是PNG，它应该作为覆盖层添加到客户正在查看的特定变体中（我认为这是正确的术语？）。也许我被术语弄糊涂了。我尝试了你的建议，它只是增加了框架作为一个整体pic@Insane我明白你现在说的。这似乎比需要的困难得多，因为上传不同框架的产品变体将提供相同的用户体验。我将保留我的答案，以防它对其他人有所帮助。祝你好运

.woocommerce-product-gallery__image img { 
     border: 15px solid #666;
     padding: 10px;
}