外掛說明
Onlinefotka Payment/Shipping Icons lets you enhance every shipping and payment method in WooCommerce with:
- Custom icon — upload any image from the Media Library (PNG, SVG, WebP). Choose from 4 display positions: before, after, above or below the method name.
- Static note — a short description shown under the method label in the cart and checkout (e.g. “Delivery in 2–3 business days”).
- Dynamic cutoff message — a time-based message that changes automatically depending on when the customer orders. Example: before 12:00 “Order now and we’ll deliver today!”, after 12:00 “Delivery tomorrow morning.”
- Delivery time slots — let customers pick a preferred delivery window (e.g. 08:00–12:00) directly in checkout. The chosen slot is saved to the order and visible in the order detail in the admin.
Compatibility
- ✅ Classic WooCommerce checkout
- ✅ WooCommerce Block Checkout (Gutenberg)
- ✅ WooCommerce HPOS (High-Performance Order Storage)
- WooCommerce 7.0+
Icon position options
Icons can be placed in 4 positions, configurable per method via the admin UI or overridden with CSS using the .opsi-method-wrap wrapper and .opsi-pos-before / after / above / below modifier classes.
安裝方式
- Upload the plugin folder to
/wp-content/plugins/or install via Plugins Add New Upload Plugin. - Activate the plugin.
- Go to WooCommerce Ikony dopravy a platby.
- Click on any shipping or payment method card to expand it.
- Upload an icon, add a note, set cutoff rules and/or delivery time slots.
- Click Save changes.
常見問題集
-
Does it work with the WooCommerce Block Checkout?
-
Yes. The plugin uses a WooCommerce Blocks IntegrationInterface to pass data to JavaScript, which injects icons and notes into the block-rendered checkout without modifying any templates.
-
Where can I see the chosen delivery time slot?
-
In the WooCommerce order detail page under the shipping address section, and in the customer-facing order confirmation page.
-
Can I style the icons with CSS?
-
Yes. Each method label is wrapped in
.opsi-method-wrap.opsi-pos-{position}. You can override the layout, icon size, gap and anything else from your theme’s CSS. -
How do cutoff rules work?
-
Rules are evaluated top to bottom. The first rule whose time has not yet passed is applied. The “fallback message” is shown after all cutoff times have passed for the day.
Example:
* Rule 1 — 12:00 “Order now and we’ll deliver today!”
* Rule 2 — 14:00 “Delivery tomorrow morning.”
* Fallback — “Delivery in 2 days.” -
Does it slow down my site?
-
No. All settings are stored in a single WordPress option. The frontend CSS and JS are enqueued only on cart and checkout pages.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.1.1
- Aktualizovana kompatibilita s WordPress 7.1 a WooCommerce 11.1 (HPOS, block checkout).
1.1.0
- Fix: Plugin folder renamed to match wp.org slug — existing installations now update correctly.
- Add: Custom HTML template field per shipping/payment method.
- Add:
opsi_method_templatefilter hook for developers. - Fix: Icon media picker always applied to the first method instead of the clicked one.
- Fix: PHP fatal error when multiple Onlinefotka plugins are active simultaneously.
- Add: “Our other plugins” sidebar panel on settings page.
- Add: PayPal donate link in plugin header and plugins list.
1.0.3
- Add: Custom HTML template field per shipping/payment method.
- Add:
opsi_method_templatefilter hook for developers. - Improve: Note field description now mentions HTML support.
1.0.2
- Fix: Icon media picker always applied to the first method instead of the selected one.
1.0.1
- Fix: PHP fatal error when multiple Onlinefotka plugins are active simultaneously (class_exists guard).
- Add: “Our other plugins” sidebar panel on settings page.
- Add: PayPal donate link in plugin header and plugins list.
1.0.0
- Initial release.
- Custom icons for shipping and payment methods.
- Static notes per method.
- Dynamic cutoff messages (time-based).
- Delivery time slot selector.
- 4 icon positions (before / after / above / below).
- Full WooCommerce Block Checkout support.
- HPOS compatible.