圖片在WooCommerce/Wordpress中構圖我的圖片

-1

我是一名攝影師，目前正嘗試將我的網站從我的圖片作品集升級到功能齊全的電子商務網站。圖片在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經驗編碼。

任何幫助將會很棒！我看不到一個簡單的插件來做我想做的事情，而且我也看不到任何現有的插件或主題可以添加此功能。

丹

來源

2017-09-15 Insane

歡迎來到StackOverflow。請注意，提問這樣的一般問題是不鼓勵的。問題只應在您研究完問題後發佈，並且應該包含您的特定編碼相關問題的清晰概述，以及迄今爲止解決問題的嘗試。請閱讀[我如何問一個好問題]（https://stackoverflow.com/help/how-to-ask） – FluffyKitten

您不需要直接編輯圖片，因爲它需要更多的工作，我不建議這樣做。 CSS做的伎倆！

既然你說你使用woocommerce，我已經在單一產品頁面上的圖庫中默認的woocommerce圖像下面。

這是一個非常基本的相框 - 如果你想要它（比如啞光），你可以使它變得更酷！

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

將此代碼添加到您主題的自定義CSS字段。

來源

2017-09-15 01:47:38

嗨雅各，非常感謝您的幫助。有沒有辦法顯示.PNG對象？我真的需要展示他們將要收到的實際框架，而不僅僅是一種顏色等。 – Insane

哦！是的..只需將'.png'作爲第二個圖像上傳到產品。說明可以在這裏找到：https://www.templatemonster.com/help/woocommerce-how-to-add-multiple-product-images-and-manage-product-images-gallery.html –

對不起，隊友，完全不是什麼我的意思是。我需要PNG在定製變體上「分層」或「疊加」。所以說客戶通過產品頁面選擇圖片，然後選擇將其置於白色框中的選項，我需要在白色框架內動態顯示圖片，就像我上面鏈接的網站所做的一樣。這裏的白色框架將是一個PNG，它應該作爲一個覆蓋（我認爲這是正確的術語？）添加到客戶正在查看的具體變體。也許我被術語弄糊塗了。我嘗試了你的建議，它實際上只是增加了框架作爲一個圖片 – Insane

圖片在WooCommerce/Wordpress中構圖我的圖片

回答

相關問題