Wash Care Symbols for WooCommerce

Display wash/care symbols in WooCommerce products.

Usage & Documentation

You can choose wash/care symbols to display on product category level or in each individual product

For now, these choices are available:

• Washing:

  • Machine wash, gentle / delicate
  • Machine wash, permanent press / wrinkle resistant
  • Machine wash, regular / normal
  • Do not wash
  • Hand wash only
  • Machine wash, gentle / delicate, 30 degrees C (85 degrees F)
  • Machine wash, permanent press / wrinkle resistant, 30 degrees C (85 degrees F)
  • Machine wash, regular / normal, 30 degrees C (85 degrees F)
  • Machine wash, gentle / delicate, 40 degrees C (105 degrees F)
  • Machine wash, permanent press, 40 degrees C (105 degrees F)
  • Machine wash, regular / normal, 40 degrees C (105 degrees F)
  • Machine wash, gentle / delicate, 50 degrees C (120 degrees F)
  • Machine wash, permanent press, 50 degrees C (120 degrees F)
  • Machine wash, regular / normal, 50 degrees C (120 degrees F)
  • Machine wash, gentle / delicate, 60 degrees C (140 degrees F)
  • Machine wash, permanent press, 60 degrees C (140 degrees F)
  • Machine wash, regular / normal, 60 degrees C (140 degrees F)
  • Machine wash, gentle / delicate, 70 degrees C (160 degrees F)
  • Machine wash, permanent press, 70 degrees C (160 degrees F)
  • Machine wash, regular / normal, 70 degrees C (160 degrees F)
  • Machine wash, gentle / delicate, 95 degrees C (200 degrees F)
  • Machine wash, permanent press, 95 degrees C (200 degrees F)
  • Machine wash, regular / normal, 95 degrees C (200 degrees F)
  • Hand wash, 30 degrees C (85 degrees F)
  • Hand wash, 40 degrees C (105 degrees F)
  • Hand wash, 50 degrees C (120 degrees F)

• Drying:

  • Tumble dry, normal
  • Tumble dry, normal, low heat
  • Tumble dry, normal, medium heat
  • Tumble dry, normal, high heat
  • Tumble dry, normal, no heat
  • Tumble dry, permanent press
  • Tumble dry, permanent press, low heat
  • Tumble dry, permanent press, medium heat
  • Tumble dry, permanent press, high heat
  • Tumble dry, gentle
  • Tumble dry, gentle, low heat
  • Tumble dry, gentle, medium heat
  • Tumble dry, gentle, high heat
  • Tumble dry, permanent press, no heat
  • Line dry
  • Drip dry
  • Dry flat
  • Dry in shade
  • Do not dry
  • Line dry in shade
  • Drip dry in shade
  • Dry flat in shade

• Ironing:

  • Ironing required
  • Iron, low temperature
  • Iron, medium temperature
  • Iron, high temperature
  • Do not iron
  • Iron, no steam
  • Iron, no steam, low temperature
  • Iron, no steam, medium temperature
  • Iron, no steam, high temperature

• Dry cleaning:

  • Dry clean
  • Dry clean, any solvent
  • Dry clean, petroleum based solvent only
  • Dry clean, any solvent other than trichloroethylene
  • Do not dry clean
  • Dry clean, short cycle
  • Dry clean, low moisture
  • Dry clean, low heat
  • Dry clean, no steam
  • Dry clean, any solvent, short cycle
  • Dry clean, any solvent, low moisture
  • Dry clean, any solvent, low heat
  • Dry clean, any solvent, no steam

• Bleaching:

  • Use any bleach
  • Use only non-chlorine bleach
  • Do not bleach

• Chemical cleaning

  • Dry clean, hydrocarbon solvent only (HCS)
  • Gentle cleaning with hydrocarbon sovents (HCS)
  • Very gentle cleaning with hydrocarbon sovents (HCS)
  • Dry clean, tetrachloroethylene only (PCE)
  • Gentle cleaning with tetrachloroethylene (PCE)
  • Very gentle cleaning with tetrachloroethylene (PCE)

• Wet cleaning

  • Wet clean
  • Gentle wet cleaning
  • Very gentle wet cleaning
  • Professionnal wet cleaning is not allowed

Settings

Go to Settings > Wash Care Symbols for WooCommerce.

• Position: Inside “Additional Information”(default) / below short description (added in 2.4) / In custom tab (added in 3.1).
• Layout: Horizontal/Vertical/Minimal (added in 2.2).
• Icons size (added in 2.7).

Shortcode

If for some reason, you don’t want to use WooCommerce Product data tabs, you can display wash/care instructions wherever you want with the [wcsfwc] shortcode.

In a product page, just do:

[wcsfwc]

It will use current product and the layout you defined in Settings.

If you want to override layout, add a “layout” argument (available values are “minimal”, “vertical”, “horizontal”):

[wcsfwc layout="minimal"]

If you want to display the wash/care instructions outside a product page, or for another product, use “product” argument:

[wcsfwc product="123"]

In a .php file, use the do_shortcode function:

echo do_shortcode( '[wcsfwc]' );

Hooks

• wcsfw_display (action): allows you to use your own display hook
• wcsfw-data (filter): allows you to modify symbols data and texts
• wcsfw_below_short_desc_priority (filter): allows you to change hook priority if symbols doesn’t appear in the right place when using below short description setting
• wcsfw_custom_tab_priority (filter): allows you to change tabs order when using custom tab layout

How to Customize

Remove hooks

In order to remove hooks used by this plugin, you’ll need to get plugin instance and pass it in an array inside the callback argument.
For example:

$wcsfwc = WCSFWC\WashCareSymbolsForWooCommerce::get_instance();
remove_action( 'woocommerce_single_product_summary', [ $wcsfwc, 'below_short_desc_display' ], apply_filters( 'wcsfw_below_short_desc_priority', 21 ) );
remove_action( 'woocommerce_product_additional_information', [ $wcsfwc, 'additional_info_display' ] );

Display wherever you want

Here is what you’ll need to use a custom hook to display instructions wherever you want on your product page:

add_action('whatever_hook_you_want', function(){
    $wcsfwc = WCSFWC\WashCareSymbolsForWooCommerce::get_instance();
    $wcsfwc->additional_info_display();
});

Resources

• WordPress Plugin: https://wordpress.org/plugins/wash-care-symbols-for-woocommerce
• GitHub Repository: https://github.com/CharlieEtienne/wash-care-symbols-for-woocommerce
• Support: https://github.com/CharlieEtienne/wash-care-symbols-for-woocommerce/issues