店面產品英雄 WooCommerce 以風格突出您的明星產品。將漂亮的產品英雄組件添加到由 Storefront 支持的商店的任何頁面。
在您的網頁中添加一個身臨其境的產品英雄部分
Product Hero 擴展允許您優雅地突出顯示您網站上任何頁面上的任何產品。通過巧妙的圖像組合,您可以輕鬆地為您選擇的產品創建一個強大的轉換工具。
主頁上的產品英雄
特點
安裝後,您會注意到定製器中有一個新的頂級部分,允許您控制產品英雄組件的不同方面。
產品
在您的商店中選擇一種特色產品以顯示在產品英雄中。
內容
選擇是否顯示自定義標題和描述,或僅採用產品默認標題和描述。然後更改顏色以匹配您的背景。
小工具中的產品英雄。
背景
享受對英雄組件背景的完全控制。您可以為極簡設計選擇純色或上傳圖片。平鋪圖案或大照片都可以很好地工作。指定背景圖像是否以視差效果滾動並應用半透明覆蓋以使文本彈出。
佈局
在全寬或固定寬度佈局之間進行選擇。全寬佈局將使英雄組件跨越瀏覽器的全寬,而固定寬度選項使其與主要內容區域的寬度相同。您還可以控制內容佈局本身。集中顯示所有內容或相鄰浮動內容和圖像。
博客文章中的產品英雄
全高
(可選)使英雄組件在頁面加載時填充瀏覽器窗口,以獲得真正身臨其境的體驗。
簡碼
product_hero 簡碼允許您在整個網站中放置無限的產品英雄組件。它們也可以在產品類別頁面、博客文章和小工具區域中很好地工作。