[WordPress] 外掛分享: WooCommerce Categories Menu

WordPress 外掛 WooCommerce Categories Menu 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「WooCommerce Categories Menu」是 2014-01-12 上架。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2014-09-16,距離現在已有 3883 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.1.3 以上版本才可以安裝。
  • 有 6 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

alvaron |

外掛標籤

menu | categories | woocommerce |

內容簡介

描述:從 WooCommerce 產品類別顯示三級產品類別選單(列表或選擇輸入欄位)。您可以將其配置為多個小部件或簡碼,並添加一些有用的 CSS 屬性。

有關插件的更多信息:http://www.wpworking.com/

請發送有關插件的技術支援電子郵件至 [email protected]

在 http://www.wpworking.com/shop/ 上購買 WCCTM PRO 版本,並獲得完整的切換菜單,此外,還可以控制排除類別、著色、樣式和菜單上每個元素的定位
在 http://www.wpworking.com/wcctmpr-woocommerce-categories-menu-pro-live-demos/ 上查看實際演示
結果 div 位於 div 類 menu-categs-box,表格 ID div_postlist,因此您可以使用 CSS。

在 http://www.wpworking.com/wcctmpr-woocommerce-categories-menu-pro-live-demos/ 上查看實際演示。

水平菜單
[wcctm usest = “true” excat = “528,530” tpset=”m” selprdtxt = “選擇” posmncpos = “相對” ortmncpos = “水平” dspseclev = “true” dspthrlev = “true” ulv1fts = “16” ulv1wid = “120” ulv2fts = “14” ulv2wid = “120” ulv3fts = “12” ulv3wid = “120” mngerst=”” sbgerst=”邊框:1px #ff9900實心;背景:#f9f9f9″]

選擇菜單
[wcctm usest = “true” excat = “528,530” tpset=”s” selprdtxt = “產品類別” posmncpos = “相對” ortmncpos = “水平” dspseclev = “true” dspthrlev = “true” ulv1fts = “16” ulv1wid = “250” ulv2fts = “14” ulv2wid = “120” ulv3fts = “12” ulv3wid = “120” mngerst=”” sbgerst=”邊框:1px #ff9933實心;背景:#f9f9f9″]

參數
使用自定義樣式:例如 usest = false
排除類別:例如 excat = 17,77
菜單類型:tpset=”m” // m=列表菜單,s = 選擇輸入欄位菜單
選擇欄位的第一個選項文字:selprdtxt = “選擇或任何您想要的”
菜單 CSS 位置:posmncpos = “相對” // 您可以將其設置為absolute、fixed或任何CSS有效值
菜單方向:ortmncpos = “水平” // 您也可以選擇垂直,只適用於列表菜單
顯示第二級類別:dspseclev = “true” // 選擇 true 或 false
顯示第三級類別:dspthrlev = “true” // 選擇 true 或 false
第一級類別字體大小:ulv1fts = “16”,任何數字僅適用於列表菜單
第一級類別寬度:ulv1wid = “120”,任何數字僅適用於列表菜單
第二級類別字體大小:ulv2fts = “14”,任何數字僅適用於列表菜單
第二級類別寬度:ulv2wid = “120”,任何數字僅適用於列表菜單
第三級類別字體大小:ulv3fts = “12”,任何數字僅適用於列表菜單
第三級類別寬度:ulv3wid = “120”,任何數字僅適用於列表菜單
菜單容器 CSS 屬性:例如 mngerst = border:1px #666 實心; background: #f4f4f4
子菜單 lis CSS 屬性:例如 sbgerst = border:1px #999 實心; background: #f9f9f9

PRO 功能

主容器背景顏色:例如 mlibgclr = #ff9933
主容器邊框樣式:例如 mlibrdclr = 1px紅色實心
第一類別列表項連結字體顏色:例如 flifntclr = #ff0033
第一類別列表項鼠標懸停字體顏色: 例如 flihvfntclr = #ff9933
第一類別列表項邊框樣式:例如 flibrdclr = 1px紅色實心

原文外掛簡介

Description:Displays a three level product category menu(list or select input field) from WooCommerce Product categories. You can configure it as multiple widgets or short code and add some useful css properties.
More info about the plugin: http://www.wpworking.com/
Ask for support on [email protected]
Purchase the WCCTM PRO Version on http://www.wpworking.com/shop/ and get total toggle menu, plus control on excluding categories, colouring, style and positioning every element on the menu
Check the live demos on http://www.wpworking.com/wcctmpr-woocommerce-categories-menu-pro-live-demos/
The result div is on div class menu-categs-box, table id div_postlist so you can play with css
Check the live demos on http://www.wpworking.com/wcctmpr-woocommerce-categories-menu-pro-live-demos/
horizontal menu
[wcctm usest = “true” excat = “528,530” tpset=”m” selprdtxt = “Select” posmncpos = “relative” ortmncpos = “horizontal” dspseclev = “true” dspthrlev = “true” ulv1fts = “16” ulv1wid = “120” ulv2fts = “14” ulv2wid = “120” ulv3fts = “12” ulv3wid = “120” mngerst=”” sbgerst=”border:1px #ff9900 solid;background:#f9f9f9″]
select menu
[wcctm usest = “true” excat = “528,530” tpset=”s” selprdtxt = “Product Categories” posmncpos = “relative” ortmncpos = “horizontal” dspseclev = “true” dspthrlev = “true” ulv1fts = “16” ulv1wid = “250” ulv2fts = “14” ulv2wid = “120” ulv3fts = “12” ulv3wid = “120” mngerst=”” sbgerst=”border:1px #ff9933 solid;background:#f9f9f9″]
Parameters
Use Custom Styles: e.g. usest = false
Exclude Categories: e.g. excat = 17,77
Menu Type: tpset=”m” // m=list menu , s = select input field menu
Select Field first option text: selprdtxt = “Select, or Anything you want”
Menu CSS position: posmncpos = “relative” // you can set it to absolute, fixed, or any CSS valid value
Menu Orientation:ortmncpos = “horizontal” // you can also choose vertical, works only for list menu
Display Second Level Category: dspseclev = “true” // choose true or false
Display Third Level Category: dspthrlev = “true” // choose true or false
First level category font-size: ulv1fts = “16” , any number works only for list menu
First level category width: ulv1wid = “120” , any number works only for list menu
Second level category font-size: ulv2fts = “14” , any number works only for list menu
Second level category width: ulv2wid = “120” , any number works only for list menu
Third level category font-size: ulv3fts = “12” , any number works only for list menu
Third level category width: ulv3wid = “120” , any number works only for list menu
Menu container CSS properties: e.g. mngerst = border:1px #666 solid;background:#f4f4f4
SubMenus lis CSS properties: e.g. sbgerst = border:1px #999 solid;background:#f9f9f9
PRO Features
Main Container Background Color: e.g. mlibgclr = #ff9933
Main Container Border Style: e.g. mlibrdclr = 1px red solid
First Category List Item Link Font Color: e.g. flifntclr = #ff0033
First Category List Item Link Hover Font Color: e.g. flihvfntclr = #ff9933
First Category List Item Border Style: e.g. flibrdclr=1px red solid
First Category List Item Background Color: e.g. flibgclr=#ff0033
First Category List Item Hover Background Color: e.g. flihvbgclr=#ff9933
First Category List Item Extra Style: e.g. flixtcss=padding:0px;line-height:23px
Select Form Field Font Color: e.g. cbfntclr=#ff9933
Select Form Field Background Color: e.g. cbbgclr=#ff9933
Select Form Field Extra Style: e.g. cbxtcss=padding:0px;line-height:23px
Display First Image Category: e.g. useimg1=true
First level category image width(any number works only for list menu): e.g. widimg1=120
First Level Category Image Extra Style: e.g. img1xtcss=border:1px green dotted
Display Second Image Category: e.g. useimg2=true
Second level category image width(any number works only for list menu): e.g. widimg2=120
Second Level Category Image Extra Style: e.g. img2xtcss=border:1px green dotted
Toggle Menu Header Font Color: e.g. plifntclr = #ff0033
Toggle Menu Header Hover Font Color: e.g. plihvfntclr = #ff9933
Toggle Menu Header Border Style: e.g. plibrdclr=1px red solid
Toggle Menu Header Background Color: e.g. plibgclr=#ff0033
Toggle Menu Header Background Color: e.g. plihvbgclr=#ff9933
Manu Extra Style: e.g. xtcss=padding:0px;line-height:23px
Arbitrary section
If you have any questions, please let me know [email protected]
If you need any help after purchasing, you can count on WpWorking Support http://www.wpworking.com/support/

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「WooCommerce Categories Menu」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.0 | 1.1.0 |

延伸相關外掛(你可能也想知道)

  • Max Mega Menu 》Max Mega Menu 可自動將您現有的菜單轉換為豪華菜單。您還可以將任何 WordPress widget 添加到菜單中,使用主題編輯器重新風格化菜單,並使用內建設置更改菜...。
  • Admin Menu Editor 》Admin Menu Editor 可讓您手動編輯儀表板菜單。您可以重新排序菜單,顯示/隱藏特定項目,修改權限等等。, 功能, , 更改菜單標題、URL、圖標、CSS 類等。, 通...。
  • Menu Image, Icons made easy 》這個外掛可以輕鬆地在選單項目中加入圖像或圖示,打造更好的網站選單。, 可以控制圖像或圖示的位置以及大小。, 這個 Menu Image 外掛還有其他功能,以下是其...。
  • Menu Icons by ThemeIsle 》這個外掛提供了在選單項目中加入圖示的功能,就像最新的儀表板選單的外觀一樣。, , 使用方法, , 啟用外掛後,前往外觀 > 選單以編輯您的選單, 在「選單圖...。
  • Duplicate Menu 》一些 WordPress 安裝使用著核心菜單 (Menus) 驅動的複雜導航系統。它們是一個非常好的功能,常常能決定一個主題的成敗。但是,菜單在原生狀態下不太容易轉移...。
  • Menu Cart for WooCommerce 》** 與 WooCommerce 和 Easy Digital Downloads(EDD)兼容 ** , 此外掛將在導覽列中安裝購物車按鈕。 安裝此外掛的時間少於一分鐘,, 並且包括以下選項:, , ...。
  • User Menus – Nav Menu Visibility 》User Menus 是一個適用於擁有登入使用者的網站的完美插件。, 透過此插件,您可以更精確地控制導覽菜單,包括對各菜單項目可見性的調整,例如每個菜單項目可以...。
  • WP Mobile Menu – The Mobile-Friendly Responsive Menu 》需要一個專門的手機網站體驗嗎?需要一個能讓您的手機訪客參與的手機菜單外掛嗎?, , WP Mobile Menu是最優秀的WordPress響應式手機菜單。使用任何設備(智能...。
  • Nav Menu Roles 》這個外掛可以根據使用者角色隱藏自訂選單項目。例如,如果您只想把選單中某個連結顯示給已登入的使用者、特定類型的使用者,或者甚至只顯示給未登入的使用者...。
  • Conditional Menus 》條件式選單 (Conditional Menus) 是一款由 Themify 推出的簡單而實用的 WordPress 外掛,可讓您根據特定條件更換佈景主題中的選單。簡而言之,您可以在不同的...。
  • If Menu – Visibility control for Menus 》藉由可見度規則,您可以控制網站訪客看到哪些選單項目。以下是一些範例:, , 僅顯示選單項目,當 使用者已登入, 當裝置為行動裝置時,隱藏選單, 顯示選單 給...。
  • WP Responsive Menu 》WP Responsive Menu是一個簡單的外掛,可以讓您在WordPress網站上快速添加高度可定制的響應式菜單,在設置頁面上直接進行自定義,無需任何編碼技能。, 查看實...。
  • WP Custom Admin Interface 》WP Custom Admin Interface 可以輕鬆地自訂 WordPress 後台功能表、工具列和管理介面。此插件不僅提供完全免費的超棒後台自訂功能,還提供了很多其他插件需要...。
  • Login Logout Menu 》登入登出選單外掛可以幫助您將動態登入和登出選單添加到您WordPress網站的任何菜單中。您還可以設置登入頁面URL、登入重定向URL和登出重定向URL。菜單項目將...。
  • Exclude Pages 》這個外掛新增了一個勾選框,「在選單中包含此頁面」,取消勾選則排除使用者在您的網站上看到的頁面導覽中的頁面。, 如有問題:聯繫我。此插件新增了一個勾選...。

文章
Filter
Apply Filters
Mastodon