野花香社区在线视频观看播放,伊人久久综合色,伊人久久大香线蕉av色

Kadence Shop Kit 插件為 WooCommerce 商店提供了強(qiáng)大的擴(kuò)展功能，其中產(chǎn)品徽章功能尤為突出。通過(guò)自定義徽章，商家可以突出顯示產(chǎn)品的重要信息，如促銷、庫(kù)存狀態(tài)或其他特色屬性。這些徽章可以幫助商家提高產(chǎn)品的可見(jiàn)性，吸引顧客的注意力，提升購(gòu)物體驗(yàn)。

什么是 Kadence Shop Kit 的產(chǎn)品徽章功能？

Kadence Shop Kit 插件的產(chǎn)品徽章功能可以讓商家通過(guò)可自定義的徽章來(lái)展示有關(guān)產(chǎn)品的關(guān)鍵信息。例如，商家可以通過(guò)徽章標(biāo)記特價(jià)商品、顯示庫(kù)存不足或突出新品。徽章的樣式、位置和內(nèi)容都可以進(jìn)行靈活調(diào)整，與商店的整體設(shè)計(jì)風(fēng)格保持一致。

添加新徽章

啟用 Kadence Shop Kit 的產(chǎn)品徽章功能后，商家可以輕松進(jìn)行添加。只需按照以下步驟操作：

進(jìn)入徽章管理界面
導(dǎo)航至 WordPress 后臺(tái)，點(diǎn)擊“產(chǎn)品” -> “徽章”。在該頁(yè)面，點(diǎn)擊頂部的“添加新徽章”按鈕，開(kāi)始創(chuàng)建新的徽章。

選擇徽章類型
創(chuàng)建新徽章時(shí)，商家需要選擇徽章類型?；照骂愋蜎Q定了徽章的樣式和外觀。參考以下Kadence Shop Kit 提供四種主要徽章類型，商家可以根據(jù)需要選擇最合適的類型。

徽章類型

Kadence Shop Kit 提供了四種徽章類型，每種類型都能滿足不同的商店需求，商家可以根據(jù)具體情況選擇：

圖像徽章類型
該類型可以讓商家使用 Kadence 提供的預(yù)制圖像作為產(chǎn)品徽章。這些圖像可以輕松應(yīng)用到產(chǎn)品上，用于標(biāo)識(shí)促銷、特價(jià)或其他特別信息。

自定義圖像徽章類型
商家可以上傳自己的圖片作為產(chǎn)品徽章，完全自定義徽章的外觀。這使得商家可以根據(jù)品牌風(fēng)格設(shè)計(jì)獨(dú)特的徽章圖像。

自定義文本徽章類型
商家可以自定義文本徽章，輸入所需的文字并設(shè)置文本樣式。這個(gè)類型也支持動(dòng)態(tài)選項(xiàng)，可以根據(jù)產(chǎn)品的不同屬性（如折扣、數(shù)量等）顯示不同的文本。

自定義 HTML 徽章類型
自定義 HTML 徽章可以讓商家使用 HTML 代碼或者所見(jiàn)即所得（WYSIWYG）編輯器來(lái)自定義徽章內(nèi)容。商家可以插入文本、圖像或其他多媒體內(nèi)容，提供最大的靈活性來(lái)設(shè)計(jì)和展示徽章。

圖像徽章類型

自定義圖像徽章類型

自定義文本徽章類型

自定義 HTML 徽章類型

圖像徽章

圖像徽章是 Kadence Shop Kit 插件中標(biāo)準(zhǔn)的產(chǎn)品徽章類型，商家可以使用 Kadence 提供的一組可供選擇的圖像。通過(guò)使用這些圖像徽章，商家可以增加產(chǎn)品的視覺(jué)吸引力，幫助突出顯示關(guān)鍵的產(chǎn)品信息，如特價(jià)、促銷活動(dòng)等，從而吸引顧客的注意。

徽章圖像設(shè)置

徽章位置
商家可以使用徽章位置設(shè)置來(lái)確定徽章在產(chǎn)品上的顯示位置。

最大寬度
商家可以設(shè)置單個(gè)產(chǎn)品頁(yè)面中徽章的最大寬度，以確?；照虏粫?huì)過(guò)大影響產(chǎn)品展示的美觀性。

最大寬度循環(huán)
對(duì)于循環(huán)項(xiàng)目，如存檔頁(yè)中的產(chǎn)品列表，商家可以設(shè)置與單個(gè)產(chǎn)品頁(yè)面不同的最大寬度，以適應(yīng)不同的展示需求。

邊距
在徽章周圍設(shè)置邊距，以像素為單位，確?；照屡c周圍內(nèi)容之間有足夠的空間。

填充
商家還可以在徽章內(nèi)部設(shè)置填充值，以像素為單位，給徽章的內(nèi)容增加更多的內(nèi)邊距，使徽章在視覺(jué)上更為突出。

圖像設(shè)計(jì)設(shè)置

Kadence Shop Kit 插件提供了多種圖像設(shè)計(jì)設(shè)置選項(xiàng)，商家可以通過(guò)這些設(shè)置進(jìn)一步自定義產(chǎn)品徽章的外觀，使其更符合商店的設(shè)計(jì)風(fēng)格和品牌形象。

顏色
使用 Kadence 提供的圖像徽章時(shí)，商家可以根據(jù)需要調(diào)整徽章的顏色。

背景顏色
商家可以在徽章背景后添加背景顏色，增強(qiáng)徽章的可見(jiàn)性和美觀性。

邊框半徑
設(shè)置邊框半徑可以使產(chǎn)品徽章的角落變得圓潤(rùn)，提供更柔和的視覺(jué)效果。

邊框?qū)挾?/strong>
商家可以設(shè)置產(chǎn)品徽章的邊框?qū)挾?，以像素為單位?/p>

邊框顏色
如果商家選擇使用邊框，邊框顏色可以進(jìn)行自定義調(diào)整，以確?；照碌倪吙蚺c整個(gè)頁(yè)面設(shè)計(jì)相協(xié)調(diào)，提供更好的視覺(jué)效果和控制。

自定義圖像徽章設(shè)置

Kadence Shop Kit 插件可以讓商家使用自定義圖像徽章，這為產(chǎn)品展示提供了更多的個(gè)性化選項(xiàng)。商家可以上傳自己的圖像作為產(chǎn)品徽章，并根據(jù)需要調(diào)整徽章的外觀和位置，以更好地融入商店的整體設(shè)計(jì)。

徽章圖像
選擇自定義圖像徽章時(shí)，商家可以通過(guò)此設(shè)置上傳或添加媒體文件，作為產(chǎn)品徽章的圖像。這樣，商家可以使用自己設(shè)計(jì)的圖像，增強(qiáng)品牌標(biāo)識(shí)。

徽章位置
商家可以設(shè)置徽章在產(chǎn)品圖片上的位置，選擇包括右下角、左下角、中間、右上角或左上角等位置選項(xiàng)。這使商家能夠根據(jù)自己的需求優(yōu)化徽章的展示，確保它能夠吸引顧客的注意。

最大寬度
商家可以設(shè)置最大寬度來(lái)控制自定義圖像徽章的大小，限制其不超過(guò)指定的像素值。這個(gè)設(shè)置主要適用于單個(gè)產(chǎn)品頁(yè)面，防止徽章過(guò)大影響產(chǎn)品的展示效果。

最大寬度循環(huán)
對(duì)于存檔頁(yè)面或其他 WooCommerce 相關(guān)的產(chǎn)品循環(huán)，商家可以設(shè)置不同的最大寬度，以適應(yīng)不同頁(yè)面的展示需求，使徽章大小更符合頁(yè)面布局。

邊距和填充
通過(guò)調(diào)整邊距和填充（以像素為單位），商家可以進(jìn)一步優(yōu)化徽章的位置和展示效果。邊距可以幫助調(diào)整徽章與周圍內(nèi)容的距離，而填充則增加徽章內(nèi)部的空間，使徽章更加醒目。

徽章可見(jiàn)性設(shè)置
商家可以通過(guò)徽章可見(jiàn)性設(shè)置，決定徽章的顯示范圍。例如，商家可以選擇讓徽章僅在特定的產(chǎn)品、促銷產(chǎn)品或低庫(kù)存產(chǎn)品上顯示，從而提高徽章的針對(duì)性和效果。

自定義圖像設(shè)計(jì)設(shè)置

在 Kadence Shop Kit 插件中，使用自定義圖像徽章時(shí)，商家可以通過(guò)圖像設(shè)計(jì)設(shè)置進(jìn)一步優(yōu)化徽章的視覺(jué)效果。以下為可用的設(shè)計(jì)選項(xiàng)說(shuō)明：

背景顏色
可以為徽章添加背景顏色，使其在產(chǎn)品圖像上更加醒目。

邊框半徑
設(shè)置邊框半徑可以使徽章邊角變得圓潤(rùn)，增強(qiáng)徽章的視覺(jué)柔和度。

邊框?qū)挾?/strong>
可根據(jù)需要設(shè)置徽章的邊框?qū)挾龋ㄒ韵袼貫閱挝唬?/p>
邊框顏色
當(dāng)啟用邊框?qū)挾群?，可以自定義邊框的顏色。

自定義文本徽章設(shè)置

Kadence Shop Kit 插件提供自定義文本徽章功能，支持商家為產(chǎn)品添加個(gè)性化的文字標(biāo)識(shí)，例如“新品”、“熱賣”、“限時(shí)折扣”等。通過(guò)一系列位置和樣式設(shè)置，商家可以靈活地控制文本徽章的展示效果，使其更符合品牌和頁(yè)面布局需求。

徽章文本
使用文本徽章時(shí)，可在徽章文本設(shè)置中輸入需要顯示的內(nèi)容。這些文字將直接展示在產(chǎn)品徽章上，用于傳達(dá)促銷信息或產(chǎn)品狀態(tài)。

徽章位置
商家可以將文本徽章放置在產(chǎn)品圖像的不同位置，包括：

右下角

左下角

中間

左上角

右上角
不同位置的選擇有助于根據(jù)頁(yè)面設(shè)計(jì)靈活布局。

最大寬度
設(shè)置單個(gè)產(chǎn)品頁(yè)面中徽章的最大寬度，以像素為單位，防止徽章因文字較多而影響整體美觀。

最大寬度循環(huán)
對(duì)于產(chǎn)品列表頁(yè)（如商店主頁(yè)、分類頁(yè)面等），可以設(shè)置不同的最大寬度，保證徽章在各種頁(yè)面中的展示一致。

邊距與填充
商家可通過(guò)設(shè)置邊距（Margin）和填充（Padding）進(jìn)一步控制徽章的位置和內(nèi)部留白。合理的間距有助于增強(qiáng)視覺(jué)效果，使徽章在頁(yè)面中更具可讀性和辨識(shí)度。

徽章可見(jiàn)性設(shè)置
支持指定徽章的顯示范圍。例如，僅在促銷產(chǎn)品、缺貨產(chǎn)品或某些分類下顯示，便于精準(zhǔn)傳達(dá)信息。

自定義文本設(shè)計(jì)設(shè)置

使用 Kadence Shop Kit 插件創(chuàng)建自定義文本徽章時(shí)，商家可以通過(guò)豐富的設(shè)計(jì)設(shè)置控制文本外觀，這樣更符合網(wǎng)站風(fēng)格，增強(qiáng)視覺(jué)效果和產(chǎn)品識(shí)別度。以下是可用的設(shè)計(jì)選項(xiàng)說(shuō)明：

顏色
設(shè)置文本的主顏色，以控制徽章上文字的顯示色彩。

背景顏色
為徽章添加背景顏色，使文字在產(chǎn)品圖像上更清晰。

字體大小
指定文本的字體大?。ㄒ韵袼貫閱挝唬?。

字體樣式
可選擇文字的樣式，如加粗（Bold）等。

文本對(duì)齊
設(shè)置文本在徽章內(nèi)部的對(duì)齊方式。

邊框半徑
設(shè)置邊框圓角值，使徽章邊角更加柔和。

邊框?qū)挾?/strong>
控制徽章邊框的粗細(xì)，單位為像素。

邊框顏色
啟用邊框?qū)挾葧r(shí)，可設(shè)置邊框顏色。

自定義 HTML 徽章設(shè)置

Kadence Shop Kit 插件提供自定義 HTML 徽章功能，也可通過(guò) HTML 代碼自由添加文本、圖片或其他媒體內(nèi)容，使徽章在視覺(jué)呈現(xiàn)和功能表達(dá)上都更加豐富。

徽章 HTML 內(nèi)容編輯

可直接在編輯區(qū)域添加文本、HTML 或媒體文件，展示更復(fù)雜的內(nèi)容結(jié)構(gòu)。

點(diǎn)擊“添加媒體”按鈕可將圖片或其他媒體文件插入徽章。

使用“Visual”標(biāo)簽頁(yè)可以在所見(jiàn)即所得模式下編輯 HTML 內(nèi)容，更直觀地查看效果。

切換至“Text”標(biāo)簽頁(yè)可輸入純 HTML 代碼，自由控制徽章結(jié)構(gòu)與樣式。

徽章位置

支持將 HTML 徽章定位在以下產(chǎn)品圖像區(qū)域：

右下角

左下角

中間

左上角

右上角

最大寬度

設(shè)置單個(gè)產(chǎn)品頁(yè)面上徽章的最大寬度，以像素為單位，防止徽章尺寸過(guò)大影響頁(yè)面布局。

最大寬度循環(huán)

針對(duì)產(chǎn)品循環(huán)頁(yè)（如商店列表、分類頁(yè)面）可設(shè)置不同的最大寬度，確保在各種展示場(chǎng)景中都保持良好的視覺(jué)效果。

邊距與填充

可調(diào)整邊距值控制徽章與產(chǎn)品內(nèi)容之間的間距。

設(shè)置填充值可增加徽章內(nèi)部文字或元素的空間，提升視覺(jué)清晰度。

徽章可見(jiàn)性設(shè)置

支持控制徽章在哪些產(chǎn)品上展示，例如特定分類、促銷商品或庫(kù)存狀態(tài)匹配的商品，實(shí)現(xiàn)更精準(zhǔn)的展示控制。

自定義 HTML 設(shè)計(jì)設(shè)置

在使用 Kadence Shop Kit 插件創(chuàng)建自定義 HTML 徽章時(shí)，商家可以借助設(shè)計(jì)設(shè)置對(duì)徽章的外觀進(jìn)行全面調(diào)整，使其更貼合網(wǎng)站整體風(fēng)格，并提升視覺(jué)效果。以下是具體的設(shè)計(jì)選項(xiàng)說(shuō)明：

背景顏色
可為徽章添加背景顏色，增強(qiáng)其在產(chǎn)品圖片上的對(duì)比度，使內(nèi)容更加醒目，提升可讀性和視覺(jué)吸引力。

邊框半徑
設(shè)置邊框半徑可以讓徽章的邊角呈現(xiàn)圓潤(rùn)效果。

邊框?qū)挾?/strong>
該選項(xiàng)用于設(shè)置徽章邊框的粗細(xì)（以像素為單位）。

邊框顏色
啟用邊框后，可以自定義邊框的顏色，使其與徽章內(nèi)容和網(wǎng)站配色方案保持協(xié)調(diào)，進(jìn)一步提升整體視覺(jué)一致性。

徽章可見(jiàn)性設(shè)置整理

Kadence Shop Kit 插件中的徽章可見(jiàn)性設(shè)置位于設(shè)計(jì)設(shè)置之后，主要用于控制產(chǎn)品徽章的顯示范圍。該設(shè)置分為兩類：一般可見(jiàn)性 和 產(chǎn)品可見(jiàn)性，商家可根據(jù)實(shí)際需求靈活配置。

一般可見(jiàn)性

決定徽章在頁(yè)面中的整體顯示位置，包含以下選項(xiàng)：

僅限產(chǎn)品循環(huán)：徽章僅顯示在產(chǎn)品列表頁(yè)（如商店首頁(yè)、分類頁(yè)）。

產(chǎn)品循環(huán)和單一產(chǎn)品：徽章同時(shí)顯示在產(chǎn)品列表頁(yè)和單個(gè)產(chǎn)品詳情頁(yè)。

僅限單一產(chǎn)品：徽章僅顯示在單個(gè)產(chǎn)品詳情頁(yè)。

產(chǎn)品可見(jiàn)性：使用此設(shè)置可確定產(chǎn)品徽章在哪些產(chǎn)品上可見(jiàn)。

商品徽章文章設(shè)置說(shuō)明

在創(chuàng)建商品徽章（Product Badge）時(shí)，編輯器右側(cè)會(huì)顯示一些可用的設(shè)置選項(xiàng)：

文章?tīng)顟B(tài)（Status）

狀態(tài)：這表示產(chǎn)品徽章的狀態(tài)。產(chǎn)品徽章可以保存為已發(fā)布、草稿或待審核帖子。

可見(jiàn)性（Visibility）

可見(jiàn)性：指定產(chǎn)品徽章的可見(jiàn)性，可以設(shè)置為公開(kāi)、密碼保護(hù)或私人。請(qǐng)注意，密碼保護(hù)和私人徽章不會(huì)顯示在前端。

徽章優(yōu)先級(jí)設(shè)置（Order）

在“文章屬性（Post Attributes）”中，可以設(shè)置徽章的優(yōu)先級(jí)：

數(shù)字越大，優(yōu)先級(jí)越高。

當(dāng)多個(gè)徽章作用于同一產(chǎn)品時(shí)，優(yōu)先級(jí)高的徽章將覆蓋優(yōu)先級(jí)低的徽章。

可實(shí)現(xiàn)多個(gè)徽章并存，同時(shí)避免沖突。

動(dòng)態(tài)自定義 HTML 占位符說(shuō)明

在使用自定義 HTML 徽章（Custom HTML Badge）或文字徽章（Text Badge）時(shí)，可以使用以下兩個(gè)動(dòng)態(tài)占位符，使徽章內(nèi)容自動(dòng)顯示相關(guān)產(chǎn)品信息：

可用占位符：

{quantity}
動(dòng)態(tài)顯示商品庫(kù)存數(shù)量。

{sale-percentage}
動(dòng)態(tài)顯示商品折扣百分比。

在查詢卡片中使用商品徽章

要在查詢卡片中正確顯示商品徽章，需確保使用正確的圖像區(qū)塊。

使用規(guī)范：

使用：Shop Kit Product: Image Block
此區(qū)塊支持商品徽章的正常顯示，推薦使用。

避免使用：Advanced Image Block + 動(dòng)態(tài)內(nèi)容
這種組合不支持徽章顯示，可能導(dǎo)致前端不顯示徽章。

注意事項(xiàng)：

如果你的商品徽章未在卡片中顯示，請(qǐng)檢查是否使用了 Shop Kit 提供的專用圖像區(qū)塊。

總結(jié)

Kadence Shop Kit 插件為 WooCommerce 商店提供了強(qiáng)大而靈活的產(chǎn)品徽章系統(tǒng)，無(wú)論是圖像、文字還是 HTML，自定義能力都極高。通過(guò)合理設(shè)置徽章類型、樣式、位置和可見(jiàn)性，商家可以有效增強(qiáng)產(chǎn)品展示效果，突出重點(diǎn)信息，提升用戶對(duì)商品的關(guān)注度和購(gòu)買轉(zhuǎn)化率。

聯(lián)系我們

教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！

客服微信

① 電話：020-2206-9892

② QQ咨詢：1025174874

③ 郵件：info@361sale.com

④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息

? 轉(zhuǎn)載聲明
本文作者：賊將鼠膽
本文鏈接：http://gqxi.cn/48668
文章版權(quán)歸作者所有，轉(zhuǎn)載務(wù)必注明來(lái)源。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息