图片在WooCommerce/Wordpress中构图我的图片

问题描述:

我是一名摄影师,目前正尝试将我的网站从我的图片作品集升级到功能齐全的电子商务网站。图片在WooCommerce/Wordpress中构图我的图片

我对我需要做的大部分WooCommerce类型的事情都有所了解,并且我对自己想要的东西有了一个概念。我觉得我可以实现我想要的东西。

我遇到的大问题是动态图片框架出售我的图像。

的我想要的一些例子: https://mattlauder.com.au/main-photo-gallery/landscape-gallery/lavender-bay-black-white/#prettyPhoto

https://kenduncan.com/product/docklands-melbourne-vic-vx2101/

只是对我来说,做一个.PNG框架,并为变化选择已将其动态添加到我的图片为背景的能力。

我相当肯定这是一个简单的编码事物,但我有0经验编码。

任何帮助将会很棒!我看不到一个简单的插件来做我想做的事情,而且我也看不到任何现有的插件或主题可以添加此功能。

+0

欢迎来到*。请注意,提问这样的一般问题是不鼓励的。问题只应在您研究完问题后发布,并且应该包含您的特定编码相关问题的清晰概述,以及迄今为止解决问题的尝试。请阅读[我如何问一个好问题](https://*.com/help/how-to-ask) – FluffyKitten

您不需要直接编辑图片,因为它需要更多的工作,我不建议这样做。 CSS做的伎俩!

既然你说你使用woocommerce,我已经在单一产品页面上的图库中默认的woocommerce图像下面。

这是一个非常基本的相框 - 如果你想要它(比如哑光),你可以使它变得更酷!

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

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

+0

嗨雅各,非常感谢您的帮助。有没有办法显示.PNG对象?我真的需要展示他们将要收到的实际框架,而不仅仅是一种颜色等。 – Insane

+0

哦!是的..只需将'.png'作为第二个图像上传到产品。说明可以在这里找到:https://www.templatemonster.com/help/woocommerce-how-to-add-multiple-product-images-and-manage-product-images-gallery.html –

+0

对不起,队友,完全不是什么我的意思是。我需要PNG在定制变体上“分层”或“叠加”。所以说客户通过产品页面选择图片,然后选择将其置于白色框中的选项,我需要在白色框架内动态显示图片,就像我上面链接的网站所做的一样。这里的白色框架将是一个PNG,它应该作为一个覆盖(我认为这是正确的术语?)添加到客户正在查看的具体变体。也许我被术语弄糊涂了。我尝试了你的建议,它实际上只是增加了框架作为一个图片 – Insane