Display wash/care symbols in WooCommerce products.

Charlie Etienne

Display wash/care symbols in WooCommerce products.
<h3>Usage & Documentation</h3>
You can choose wash/care symbols to display on product category level or in each individual product
For now, these choices are available:
<ul>
<li>
Washing:
<ul>
<li>Machine wash, gentle / delicate</li>
<li>Machine wash, permanent press / wrinkle resistant</li>
<li>Machine wash, regular / normal</li>
<li>Do not wash</li>
<li>Hand wash only</li>
<li>Machine wash, gentle / delicate, 30 degrees C (85 degrees F)</li>
<li>Machine wash, permanent press / wrinkle resistant, 30 degrees C (85 degrees F)</li>
<li>Machine wash, regular / normal, 30 degrees C (85 degrees F)</li>
<li>Machine wash, gentle / delicate, 40 degrees C (105 degrees F)</li>
<li>Machine wash, permanent press, 40 degrees C (105 degrees F)</li>
<li>Machine wash, regular / normal, 40 degrees C (105 degrees F)</li>
<li>Machine wash, gentle / delicate, 50 degrees C (120 degrees F)</li>
<li>Machine wash, permanent press, 50 degrees C (120 degrees F)</li>
<li>Machine wash, regular / normal, 50 degrees C (120 degrees F)</li>
<li>Machine wash, gentle / delicate, 60 degrees C (140 degrees F)</li>
<li>Machine wash, permanent press, 60 degrees C (140 degrees F)</li>
<li>Machine wash, regular / normal, 60 degrees C (140 degrees F)</li>
<li>Machine wash, gentle / delicate, 70 degrees C (160 degrees F)</li>
<li>Machine wash, permanent press, 70 degrees C (160 degrees F)</li>
<li>Machine wash, regular / normal, 70 degrees C (160 degrees F)</li>
<li>Machine wash, gentle / delicate, 95 degrees C (200 degrees F)</li>
<li>Machine wash, permanent press, 95 degrees C (200 degrees F)</li>
<li>Machine wash, regular / normal, 95 degrees C (200 degrees F)</li>
<li>Hand wash, 30 degrees C (85 degrees F)</li>
<li>Hand wash, 40 degrees C (105 degrees F)</li>
<li>Hand wash, 50 degrees C (120 degrees F)</li>
</ul>
</li>
<li>
Drying:
<ul>
<li>Tumble dry, normal</li>
<li>Tumble dry, normal, low heat</li>
<li>Tumble dry, normal, medium heat</li>
<li>Tumble dry, normal, high heat</li>
<li>Tumble dry, normal, no heat</li>
<li>Tumble dry, permanent press</li>
<li>Tumble dry, permanent press, low heat</li>
<li>Tumble dry, permanent press, medium heat</li>
<li>Tumble dry, permanent press, high heat</li>
<li>Tumble dry, gentle</li>
<li>Tumble dry, gentle, low heat</li>
<li>Tumble dry, gentle, medium heat</li>
<li>Tumble dry, gentle, high heat</li>
<li>Tumble dry, permanent press, no heat</li>
<li>Line dry</li>
<li>Drip dry</li>
<li>Dry flat</li>
<li>Dry in shade</li>
<li>Do not dry</li>
<li>Line dry in shade</li>
<li>Drip dry in shade</li>
<li>Dry flat in shade</li>
</ul>
</li>
<li>
Ironing:
<ul>
<li>Ironing required</li>
<li>Iron, low temperature</li>
<li>Iron, medium temperature</li>
<li>Iron, high temperature</li>
<li>Do not iron</li>
<li>Iron, no steam</li>
<li>Iron, no steam, low temperature</li>
<li>Iron, no steam, medium temperature</li>
<li>Iron, no steam, high temperature</li>
</ul>
</li>
<li>
Dry cleaning:
<ul>
<li>Dry clean</li>
<li>Dry clean, any solvent</li>
<li>Dry clean, petroleum based solvent only</li>
<li>Dry clean, any solvent other than trichloroethylene</li>
<li>Do not dry clean</li>
<li>Dry clean, short cycle</li>
<li>Dry clean, low moisture</li>
<li>Dry clean, low heat</li>
<li>Dry clean, no steam</li>
<li>Dry clean, any solvent, short cycle</li>
<li>Dry clean, any solvent, low moisture</li>
<li>Dry clean, any solvent, low heat</li>
<li>Dry clean, any solvent, no steam</li>
</ul>
</li>
<li>
Bleaching:
<ul>
<li>Use any bleach</li>
<li>Use only non-chlorine bleach</li>
<li>Do not bleach</li>
</ul>
</li>
<li>
Chemical cleaning
<ul>
<li>Dry clean, hydrocarbon solvent only (HCS)</li>
<li>Gentle cleaning with hydrocarbon sovents (HCS)</li>
<li>Very gentle cleaning with hydrocarbon sovents (HCS)</li>
<li>Dry clean, tetrachloroethylene only (PCE)</li>
<li>Gentle cleaning with tetrachloroethylene (PCE)</li>
<li>Very gentle cleaning with tetrachloroethylene (PCE)</li>
</ul>
</li>
<li>
Wet cleaning
<ul>
<li>Wet clean</li>
<li>Gentle wet cleaning</li>
<li>Very gentle wet cleaning</li>
<li>Professionnal wet cleaning is not allowed</li>
</ul>
</li>
</ul>
<h3>Settings</h3>
Go to Settings > Wash Care Symbols for WooCommerce.
<ul>
<li>Position: Inside “Additional Information”(default) / below short description (added in 2.4) / In custom tab (added in 3.1).</li>
<li>Layout: Horizontal/Vertical/Minimal (added in 2.2).</li>
<li>Icons size (added in 2.7).</li>
</ul>
<h3>Shortcode</h3>
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 <code>[wcsfwc]</code> shortcode.
In a product page, just do:
<pre><code>[wcsfwc]
</code></pre>
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”):
<pre><code>[wcsfwc layout="minimal"]
</code></pre>
If you want to display the wash/care instructions outside a product page, or for another product, use “product” argument:
<pre><code>[wcsfwc product="123"]
</code></pre>
In a .php file, use the <code>do_shortcode</code> function:
<pre><code>echo do_shortcode( '[wcsfwc]' );
</code></pre>
<h3>Hooks</h3>
<ul>
<li><code>wcsfw_display</code> (action): allows you to use your own display hook</li>
<li><code>wcsfw-data</code> (filter): allows you to modify symbols data and texts</li>
<li><code>wcsfw_below_short_desc_priority</code> (filter): allows you to change hook priority if symbols doesn’t appear in the right place when using below short description setting</li>
<li><code>wcsfw_custom_tab_priority</code> (filter): allows you to change tabs order when using custom tab layout</li>
</ul>
<h3>How to Customize</h3>
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:
<pre><code>$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' ] );
</code></pre>
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:
<pre><code>add_action('whatever_hook_you_want', function(){
 $wcsfwc = WCSFWC\WashCareSymbolsForWooCommerce::get_instance();
 $wcsfwc->additional_info_display();
});
</code></pre>
<h4>Resources</h4>
<ul>
<li>WordPress Plugin: <a href="https://wordpress.org/plugins/wash-care-symbols-for-woocommerce" rel="ugc">https://wordpress.org/plugins/wash-care-symbols-for-woocommerce</a></li>
<li>GitHub Repository: <a href="https://github.com/CharlieEtienne/wash-care-symbols-for-woocommerce" rel="nofollow ugc">https://github.com/CharlieEtienne/wash-care-symbols-for-woocommerce</a></li>
<li>Support: <a href="https://github.com/CharlieEtienne/wash-care-symbols-for-woocommerce/issues" rel="nofollow ugc">https://github.com/CharlieEtienne/wash-care-symbols-for-woocommerce/issues</a></li>
</ul>

Alternatives to Wash Care Symbols for WooCommerce

Top alternatives