Sale!

Shipping Icons and Descriptions for WooCommerce

Rated 3.67 out of 5 based on 3 customer ratings
(3 customer reviews)

Plugin lets you add icons and/or descriptions to WooCommerce shipping methods on frontend.

Clear

Author: Tom Anbinder SKU: N/A Category: Tags: , Version: 2.0.2; Last updated: 1 month ago; Requires WordPress version: 4.4; Tested up to: 5.0

Description

Shipping Icons and Descriptions for WooCommerce plugin lets you add icons (i.e. images) and/or descriptions (simple text or HTML) to WooCommerce shipping methods on frontend.

Main Features

  • Icons and descriptions can be added to both default and custom WooCommerce shipping methods.
  • Set descriptions and icons positions on frontend (before or after label).
  • For shipping icons you can also set icon HTML style and class etc.
  • Plugin is WPML compatible (i.e. you can set different descriptions and/or icons for different languages).
  • Option to use shipping methods instances instead of shipping methods.
  • Set descriptions and/or icons site visibility.

Plugin settings are located in “WooCommerce > Settings > Shipping Icons and Descriptions”.

Shipping Icons

Here you can add icons for shipping methods on cart and checkout pages.

Shipping Icons and Descriptions for WooCommerce - Shipping Icons

Shipping icons
Enables/disables “WooCommerce shipping icons” section.
Default: no
Icon position
Possible values: After label; Before label.
Default: After label
Icon visibility
Possible values: On both cart and checkout pages; Only on cart page; Only on checkout page.
Default: On both cart and checkout pages
Icon HTML style
For the img tag. You can also style icons with CSS by ID: alg_wc_shipping_icon_{shipping_method}_{instance_id}.
Default: display:inline;
Icon HTML class
For styling the img tag with CSS.
Default: alg_wc_shipping_icon
Separator
Inserted between the text label and icon. Space symbol by default.
Default:
Apply shortcodes
Check this if you want shortcodes to be enabled in icons. E.g. for [alg_wc_sid_translate] shortcode.
Default: no
Use shipping instances
Enable this if you want to use shipping methods instances instead of shipping methods. For example if you need to set different icons for different instances of Flat rate (or any other) shipping method (either in different or in same shipping zone). Save changes after enabling this option.
Default: no
Shipping Method X
Image URL.
Default: None

Shipping Descriptions

Here you can add any text (i.e. description) for shipping methods on cart and checkout pages.

Shipping Icons and Descriptions for WooCommerce - Shipping Descriptions

Shipping descriptions
Enable/disable the “WooCommerce shipping descriptions” section.
Default: no
Description position
Possible values: After label; Before label.
Default: After label
Description visibility
Possible values: On both cart and checkout pages; Only on cart page; Only on checkout page.
Default: On both cart and checkout pages
Apply shortcodes
Check this if you want shortcodes to be enabled in icons. E.g. for [alg_wc_sid_translate] shortcode.
Default: no
Use shipping instances
Enable this if you want to use shipping methods instances instead of shipping methods. For example if you need to set different descriptions for different instances of Flat rate (or any other) shipping method (either in different or in same shipping zone). Save changes after enabling this option.
Default: no
Shipping Method X
Shipping method description.
Default: None

You can add HTML tags in shipping method descriptions, e.g.:

<br><small>Your shipping description.</small>
<p style="color:gray;font-style:italic;">Your shipping description.</p>
<span class="alg_wc_shipping_description">Your shipping description.</span>

Reset Section Settings

Shipping Icons and Descriptions for WooCommerce - Admin Settings - Reset Settings

Reset Settings
Resets section’s settings.
Default: no

Using Shipping Instances

Enable Use shipping instances option if you want to use shipping methods instances instead of shipping methods. For example if you need to set different descriptions for different instances of Flat rate (or any other) shipping method (either in different or in same shipping zone). Save changes after enabling this option.

Shipping Icons and Descriptions for WooCommerce - Shipping instances

If you disable the Use shipping instances checkbox, you will be able to set icons and/or descriptions for all instances of the shipping method at once:

Shipping Icons and Descriptions for WooCommerce - Shipping Methods

WPML

To output different descriptions and/or icons for different languages, use [alg_wc_sid_translate] shortcode. I.e. set description and/or icon option directly to:

Simpler form
[alg_wc_sid_translate lang="EN,DE" lang_text="Description for EN & DE" not_lang_text="Description for other languages"]
Complex form
[alg_wc_sid_translate lang="EN,DE"]URL for EN & DE[/alg_wc_sid_translate][alg_wc_sid_translate lang="FR"]URL for FR[/alg_wc_sid_translate][alg_wc_sid_translate not_lang="EN,DE,FR"]URL for other languages[/alg_wc_sid_translate]

Free vs Pro

Free Version Pro Version
Shipping Icons: Icon Position yes yes
Shipping Icons: Icon Visibility Only “On both cart and checkout pages” yes
Shipping Icons: Icon HTML Style yes yes
Shipping Icons: Icon HTML Class yes yes
Shipping Icons: Separator yes yes
Shipping Icons: Apply shortcodes yes yes
Shipping Icons: Image URL yes yes
Shipping Icons: Use Shipping Instances no yes
Shipping Descriptions: Description Position yes yes
Shipping Descriptions: Description Visibility Only “On both cart and checkout pages” yes
Shipping Descriptions: Apply shortcodes yes yes
Shipping Descriptions: Description Text yes yes
Shipping Descriptions: Use Shipping Instances no yes
WPML Compatibility yes yes

Prices & Licenses

Single siteUnlimited sites
1 year $19.99 $14.99 / year $29.99 $24.99 / year
Lifetime $39.99 $49.99

Refunds

We want to ensure that you are 100% happy with your purchase, so if you feel the product(s) you purchased are not the best fit for your requirements and you attempted to resolve issues with product's author, we are offering 30 day money back guarantee refund policy.

3 reviews for Shipping Icons and Descriptions for WooCommerce

  1. Rated 3 out of 5

    steve

    Very good plugin only the problem is I have post office and courier delivery listed on flat rate (2 separate delivery methods with different icons) so one icon shows for both post office and courier. Need options to include separate icons for flat rate not one icon only. If you can do that 5 stars.

    • Tom Anbinder

      Hi,

      If anyone else has similar question – this option was added in plugin version 2.0.0.

  2. Rated 3 out of 5

    Tobias

    I have the same use case like “steve” mentioned. Do you have a soultion for this?

    • Tom Anbinder

      Hi Tobias,

      Sorry for a late reply. If I understood it correctly, what you need is options to set icons and descriptions for each shipping instance separately, correct? I’m already working on this – will release new plugin version in next couple of days.

      Best regards,
      Tom

    • Tom Anbinder

      Hi again Tobias,

      As promised – we’ve released new plugin version 2.0.0 today. Now there is new option “Use shipping instances” in plugin settings. After you enable this checkbox and save the settings, you will be able to set different icons and/or descriptions for each shipping method’s instance. Unfortunately this option is available in Pro version only.

      Please let me know if something is not working as expected.

  3. Rated 5 out of 5

    Awesome

    Awesome!!!

Add a review

7 thoughts on "Shipping Icons and Descriptions for WooCommerce"

  1. J January 4, 2019 at 5:21 pm #

    The shortcode in free version is translatable, but how do you translate the shipping instances in pro?

    Reply

    • Tom Anbinder January 5, 2019 at 3:30 pm #

      Hi,

      Not sure if I understood you correctly, but if you mean [alg_wc_sid_translate] shortcode – it can be used exactly the same for shipping instances as it used in in free version.

      Hope that helps.

  2. Stefan Åkesson January 10, 2019 at 10:13 am #

    How can I have different text on different flat shippings?

    Reply

    • Tom Anbinder January 10, 2019 at 1:54 pm #

      Hi Stefan,

      Since plugin version 2.0.0 there is “Use shipping instances” option in plugin settings. After you enable this checkbox and save the settings, you will be able to set different icons and/or descriptions for each shipping method’s instance (e.g. different flat shipping methods). Unfortunately this option is available in Pro version only.

      Hope that helps.

    • Stefan Åkesson January 11, 2019 at 8:25 am #

      Does WPML work with the pro version? I am building a multilingual webshop with WooCommerce.

    • Tom Anbinder January 29, 2019 at 9:25 pm #

      Yes, for example you can use [alg_wc_sid_translate] shortcode. Please see Description section for examples.

  3. Tamás Hajdu March 6, 2019 at 3:22 pm #

    I have a small store and for shipping we have 2 shipping zones.
    For both zones there are 2 shipping methods (free and flat).

    The shipping methods can be selected as radiobuttons. I would like to show the shipping methods text as a table, text and price in the second column.
    Is your plugin that I need? Can I do it with it?

    Thanks in advance

    Reply

Leave a Reply

Changelog

= 2.0.2 - 04/02/2019 =
* Dev - alg_wc_shipping_icons_descs_get_value filter added.
* Dev - alg_wc_shipping_icons_descs_shipping_methods filter added.

= 2.0.1 - 29/01/2019 =
* Dev - Admin settings descriptions updated.

= 2.0.0 - 28/10/2018 =
* Dev - "Apply shortcodes" options added (and [alg_wc_sid_translate] shortcode added).
* Dev - "Use shipping instances" options added.
* Fix - Icons - ID attribute in <img> tag now includes shipping method's instance ID.
* Dev - Icons - "Icon HTML class" option added.
* Dev - Icons - "Separator" option added.
* Dev - Descriptions - "Description position" option added.
* Dev - Major admin settings restyling (split into separate "Icons" and "Descriptions" sections; "General" section removed; settings descriptions updated etc.).
* Dev - Major code refactoring (version_updated() function added; settings array saved as main class property; is_visible() function refactored etc.).
* Dev - Plugin URI updated.

= 1.1.1 - 17/11/2017 =
* Dev - WooCommerce v3.2.0 compatibility - Admin settings - select type options display fixed (by adding wc-enhanced-select class).
* Dev - Admin settings - Minor restyling.

= 1.1.0 - 18/06/2017 =
* Dev - Autoloading plugin's options.
* Dev - Minor code refactoring.
* Dev - Using custom_textarea instead of textarea in plugin's settings.
* Dev - Plugin settings descriptions updated.
* Dev - Plugin header ("Text Domain" etc.) updated.
* Dev - Plugin link updated from http://coder.fm to https://wpcodefactory.com.

= 1.0.0 - 20/02/2017 =
* Initial Release.

Installation

  • Buy the plugin 🙂
  • Download plugin's zip to your computer (you will receive an email with download link, or you can always download the plugin from your account).
  • Go to Admin Dashboard > Plugins > Add New > Upload Plugin and browse for downloaded zip file.
  • If plugin is successfully installed - you should see it added to the Plugins list.

Updates

To keep WPCodeFactory items up to date, please install WPCodeFactory Helper plugin and enter your site key.