[WordPress] 外掛分享： Show Shipping Class in Product Page for WooCommerce

內容簡介

這是一個簡單易用的 WordPress 外掛，讓你能夠在每個商品的單頁和商店頁面上顯示它所屬的運送類別。
你想讓客戶知道你的產品需要1到3天或4到10天運送，或是產品體積較大？

安裝後，外掛會在 WooCommerce 運送設定頁面中自動顯示所選的運送類別。

在商品頁面上，運送類別會顯示在「加入購物車」按鈕上方，在商店頁面上，則會在產品描述下方顯示，不需要編寫任何程式碼。
無需更改簡述欄位。
無需奇怪的面板。
不需要管理員授權。

只需上傳或下載外掛程式，啟用它，就能自動顯示商品的運送類別。
如果需要自訂樣式，可以在所用佈景主題的自訂 CSS 中插入 CSS。
支援所有佈景主題，不會造成衝突。

如果您願意捐款，我們就能夠繼續更新和提供穩定版本！只需要點擊「捐款給這個外掛程式」！

外掛標籤

開發者團隊

原文外掛簡介

Display shipping classes seamlessly on product pages & shop pages. Zero configuration, HPOS compatible, and works with Elementor & Gutenberg.
Enhance Your Store’s Shipping Transparency
Let customers know exactly what to expect with shipping directly on your product pages. This lightweight plugin displays shipping classes on product pages, shop pages, and anywhere else you want using shortcodes or widgets.
⚡ Zero Configuration Required
Just activate and go! The plugin automatically displays shipping classes on your product pages with no settings to configure.
🔄 Fully Compatible

WooCommerce HPOS – Ready for the future of WooCommerce
Variable Products – Dynamically updates shipping class when variations are selected
Elementor & Gutenberg – Works seamlessly with popular page builders
All Themes – Compatible with any WordPress theme

🚀 Key Features

Automatic Display – Shows shipping class on product and shop pages
Dynamic Updates – Changes shipping class display when product variations are selected
Multiple Display Options:

Shortcode for flexible placement
WordPress widget for sidebars
Dedicated Elementor widget

Zero Impact – Lightweight code that won’t slow down your site

💻 Developer Friendly
Use the shortcode with parameters to customize the display:
[show_shipping_class product_id="123" label="Ships via:" class="my-custom-class" before="

"]

Available Parameters:
* product_id – ID of the product (defaults to current product)
* label – Text to display before the shipping class
* class – CSS class for customization
* before – HTML to display before
* after – HTML to display after
🎨 Easy to Customize
Style the shipping class display with simple CSS:
css
.product-shipping-class {
color: #0066cc;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
}

.product-shipping-class-catalogue {
color: #0066cc;
font-size: 14px;
}

.product-shipping-class-shortcode {
color: #0066cc;
font-style: italic;
}

🔮 Coming Soon – Show Shipping Class Pro
Take your shipping display to the next level with our upcoming Pro version!

Advanced Styling – Custom colors, fonts, animations, and design options
Enhanced Display – Multiple locations, custom templates, tooltips
Advanced Integration – Cart & checkout display, delivery date calculator, shipping timers
Analytics – Track conversions by shipping class, generate reports
Admin Tools – Bulk editing, enhanced filtering, visual shipping class manager

❤️ Support the Development
If you find this plugin helpful, please consider making a donation to support ongoing development and updates.