Description
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.
Installation
- 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.
FAQ
-
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.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Onlinefotka Payment/Shipping Icons” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Onlinefotka Payment/Shipping Icons” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
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.