showi

<p>This plugin collect data attached to post/article via <strong>custom field</strong> and make<br />
chart of it.<br />
This plugin use <strong>Chart.js</strong> for chart drawing <a href="http://www.chartjs.org/" rel="nofollow ugc">ChartJs</a></p>
<p>Data are collected by looking for specific <em>custom field</em> attached to your<br />
post/page. You can change aggregation method, intervall…</p>
<p>See <a href="https://wordpress.org/plugins/wp-custom-field-chart/other_notes/" rel="ugc">usage</a></p>
<h3>Usage</h3>
<p>Edit your post/page in text mode and put some Javascript and a WordPress tag</p>
<h4>Minimum</h4>
<pre><code><script>
var mydata = { datasets: [{}]};
</script>
[custom_field_chart fields="humidity" js_data="mydata"]
</code></pre>
<p>For each field you need to put empty {} into datasets.</p>
<p>For two fields:</p>
<pre><code><script>
var mydata = {datasets: [{},{}]}
</script>
[custom_field_chart fields="humidity,temperature" js_data="mydata"]
</code></pre>
<p>But it’s pretty useless to put more than one field without different colors 🙂</p>
<h4>More</h4>
<pre><code><script>
var mydata = {
    datasets: [
        {
            label: "Humidity",
            fillColor: "rgba(255,73,0,1)",
            strokeColor: "rgba(255,73,0,1)",
            pointColor: "rgba(255,73,0,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
        },
        {
            label: "Temperature",
            fillColor: "rgba(255,73,0,1)",
            strokeColor: "rgba(255,73,0,1)",
            pointColor: "rgba(255,73,0,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
        },
    ]
};

var myopts = {
    pointDotRadius: 1,
    bezierCurveTension: 0.2,
    barStrokeWidth : 2,
    barValueSpacing : 2,
    barDatasetSpacing : 0,
};

// Optional...
jQuery(window).load(function() {
    Chart.defaults.global.responsive = true;
    Chart.defaults.global.animationEasing = "easeOutBounce";
    Chart.defaults.global.onAnimationComplete = function(){
        alert('Hello');
    }
});
// End optional
</script>

[custom_field_chart width="1000" height="300"
  kind="line" method="track" interval="day" interval_count="31" 
  fields="humidity,temperature" js_data="mydata" js_options="myopts"]
</code></pre>
<h4>Notes</h4>
<ol>
<li>js_data and js_options must reflect name given to your javascript variable.</li>
<li>Look at http://chartjs.org/ for documentation</li>
<li>You don’t need to supply labels and data (like in chartjs.org example) 🙂</li>
</ol>
<h3>Tag attributes</h3>
<p>= Required =<br />
1. <em>fields</em>: Custom field separate by comma<br />
1. <em>js_data</em>: Name of javascript variable holding chart datasets</p>
<h4>Optional</h4>
<ol>
<li><em>width</em>: Chart width (default: 400)</li>
<li><em>height</em>: Chart Height (default: 200)</li>
<li><em>method</em>: Aggregate method track, delta or cumulative (defaul: track)</li>
<li><em>interval</em>: year, month, day (default: day)</li>
<li><em>interval_count</em>: How many year, mont or day (default: 31)</li>
<li><em>js_options</em>: Name of javascript variable holding chart options</li>
<li><em>kind</em>: Chart type line or bar (default: line)</li>
<li><em>to_date</em>: Current date by default, post date if ‘post’ specified else value supplied </li>
<li><em>dump</em>: Dumping attributes for debug (default: False)</li>
<li><em>round</em>: Rounding data with specified precision</li>
</ol>
<h3>Note</h3>
<p>Beta software… Interface may change.</p>


Wp Custom Field Chart

Make chart from custom field attached to your post/page using Chart.js javascript library.

Freemius

Dotstore

<p>Struggling with high return rates due to sizing issues in your WooCommerce store? Meet the <a href="https://bit.ly/3oguAFf" rel="nofollow ugc">Advanced Product Size Charts Plugin for WooCommerce</a> – your reliable solution for size-related returns.</p>
<p>Help your customers <strong>find their perfect fit on the first try.</strong> This plugin lets you easily create and display comprehensive size charts, making shopping smooth and ensuring satisfaction with every purchase.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/oqYqsLYF4Cs?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><strong>Plugin Demo:</strong><strong> <a href="https://pluginsdemo.thedotstore.com/woocommerce-advanced-product-size-charts/" rel="nofollow ugc">View Demo</a></strong></p>
<h3>📒 KEY FEATURES</h3>
<ul>
<li>
<strong>Intuitive Chart Builder:</strong> Effortlessly create size charts with pre-defined templates or customize your own.</li>
<li><strong>Responsive Design:</strong> Ensure consistent user experience across all devices for your size charts.</li>
<li><strong>Assign Multiple Charts:</strong> Attach different charts to varied products or categories as needed.</li>
<li><strong>Conditional Assigning:</strong> Use conditions to assign charts based on product, category, or attribute.</li>
<li><strong>Easy Import/Export:</strong> Transfer your size charts between WooCommerce sites with simplicity.</li>
<li><strong>Customizable Chart Display:</strong> Decide the position of the chart link on the product page.</li>
<li><strong>Popup and Tab Views: Offer size charts in a popup or a product tab for user convenience.</strong></li>
<li><strong>User-friendly Interface:</strong> Navigate and manage size charts with ease, thanks to a straightforward backend.</li>
</ul>
<h3>🚀 PLUGIN USE CASES</h3>
<ol>
<li><strong>Online Clothing Retailers:</strong> Help your shoppers avoid the common “Will it fit?” dilemma, reducing returns.</li>
<li><strong>Sports Equipment Stores:</strong> Guide customers to the right equipment dimensions for their height and build.</li>
<li><strong>Custom Shoe Outlets:</strong> Offer detailed foot size charts to ensure the comfort and fit of bespoke footwear.</li>
<li><strong>Children’s Apparel Shops:</strong> Keep up with growing sizes with easy-to-update charts for parents.</li>
<li><strong>Home Decor E-commerce:</strong> Provide dimensions for products like rugs and curtains for space fitment.</li>
<li><strong>Fitness Gear Sellers:</strong> Suggest the appropriate gear sizes based on customer body measurements.</li>
<li><strong>Craft and Hobby Stores:</strong> Offer size information for items like knitting needles or frame dimensions.
</li>
<li><strong>Specialty Shops (like costumes or uniforms):</strong> Ensure customers select the right size for unique items with precise charts.</li>
</ol>
<h3>⭐ REVIEWS (5-star by 100+ users)</h3>
<ul>
<li>“Revolutionized the shopping experience for my customers – fewer returns, and more satisfaction!”</li>
<li>“The flexibility to create and customize charts saved my business hours of customer service time.”</li>
<li>“The perfect addition to my WooCommerce store – it’s user-friendly and incredibly effective.”</li>
<li>“This plugin handled all of my complex sizing requirements with ease.”</li>
<li>“Excellent support from the Dotstore team – quick and helpful responses.”</li>
</ul>
<h3>👀 WHAT MAKES US STAND OUT</h3>
<p>We at Dotstore know e-commerce challenges firsthand. Our Advanced Product Size Charts Plugin is designed with the insights and feedback from actual WooCommerce store owners.</p>
<p>We focus on practicality and functionality, ensuring your store runs smoothly and your customers shop with confidence.</p>
<ul>
<li><strong>User-Centric Design:</strong> Made to provide a seamless experience for both you and your store visitors.</li>
<li><strong>Continuous Updates:</strong> We constantly improve our plugin, keeping you ahead of e-commerce trends.</li>
<li><strong>In-Depth Documentation:</strong> Get started with ease, thanks to clear instructions and guidance.</li>
</ul>
<p>Our dedication to quality and exceptional customer service makes our WooCommerce plugins stand out in the industry. With Dotstore, you’re not just getting a plugin; you’re gaining a partner committed to your e-commerce success.</p>
<h3>📣 PREMIUM: Product Size Charts Plugin –  <a href="https://bit.ly/3oguAFf" rel="nofollow ugc">Try the Pro Version Today!</a></h3>
<h3>📈 DEFAULT SIZE CHART STYLE</h3>
<ul>
<li>Minimalistic</li>
<li>Classic</li>
<li>Modern</li>
<li>Default</li>
</ul>
<h3>📊 DEFAULT SIZE CHART READYMADE TEMPLATE</h3>
<ul>
<li>Women’s shoe size chart</li>
<li>Men’s shoe size chart</li>
<li>kids shoe size chart</li>
<li>Men’s T-Shirt size chart</li>
<li>Men’s Polo size chart</li>
<li>Men’s Shirts size chart</li>
<li>Men’s full sleeve shirt size chart</li>
<li>Men’s Waistcoats size chart</li>
<li>Men’s Jeans & Trousers size chart</li>
<li>Women T-shirt / Tops size chart</li>
<li>Women Jeans And Jeggings size chart</li>
<li>Adults women Skirt size chart</li>
<li>Women dress and jumpsuit size chart</li>
<li>Women coat and Blazers size chart</li>
<li>Women jackets and waistcoats size chart</li>
</ul>
<h3>✅ NEED EVEN MORE FEATURES?</h3>
<p>Upgrade the premium plugin version to get all the advanced features.</p>
<ul>
<li>All features of Free plugin</li>
<li>Pro – Set custom size label, select button position</li>
<li>Pro – Customize colors and style for size chart</li>
<li>Pro – Choose the size chart position of the popup button.</li>
<li>Pro – Set the popup button – Before the summary</li>
<li>Pro – Set the popup button – After/ Before add-to-cart</li>
<li>Pro – Set the popup button – After product meta.</li>
<li>Pro – Set colors, style, opening effects, position and layout for your popup</li>
<li>Pro – Add Custom CSS option</li>
<li>Pro – Easily Customize size chart layouts like table head font color, table row color, table head background color for your size charts</li>
<li>Pro – Choose the size chart popup position from “Center”, “Left”, or “Right”</li>
<li>Pro – Add an effective hover effect in the table cell</li>
<li>Pro – Choose chart table font size from “Small”, “Medium”, etc</li>
</ul>
<h3>📣 PREMIUM: Product size charts Plugin —  <a href="https://bit.ly/3oguAFf" rel="nofollow ugc">Try the Pro Version Today!</a></h3>
<h3>💁 How to’s Plugin Guide</h3>
<p>🔖 <a href="https://www.thedotstore.com/create-woocommerce-size-chart/" rel="nofollow ugc">How to Create a Woocommerce Product Size Chart?</a><br />
🔖 <a href="https://www.thedotstore.com/add-woocommerce-product-dimensions/" rel="nofollow ugc">The Ultimate Guide to Adding Product Dimensions in WooCommerce</a><br />
🔖 <a href="https://www.thedotstore.com/add-woocommerce-size-chart/" rel="nofollow ugc">How to Add a Size Chart to Your WooCommerce Store?</a><br />
🔖 <a href="https://www.thedotstore.com/how-to-create-woocommerce-size-chart/" rel="nofollow ugc">WooCommerce Size Chart: What, Why & How to Create it?</a><br />
🔖 <a href="https://www.thedotstore.com/woocommerce-product-size-chart/" rel="nofollow ugc">Product Size Charts for WooCommerce – Why do you need these and how to Create One?</a></p>
<h3>☎️ CONTACT US</h3>
<ul>
<li><strong>Free plugin:</strong> Need Technical Help? – <a href="https://wordpress.org/support/plugin/woo-advanced-product-size-chart/" rel="ugc">Click here</a></li>
<li><strong>Pro Plugin:</strong>  PRE-SALE Questions – <a href="https://www.thedotstore.com/support/" rel="nofollow ugc">Click here</a> or <a href="https://docs.thedotstore.com/collection/233-advanced-product-size-charts-for-woocommerce" rel="nofollow ugc">Review Help Document</a></li>
</ul>
<h3>💎 EXPLORE OUR OTHER PLUGINS TO SUPERCHARGE YOUR WEBSITE</h3>
<h3>👉 Premium WooCommerce Plugins list</h3>
<ol>
<li>
<a href="https://www.thedotstore.com/flat-rate-shipping-plugin-for-woocommerce/" rel="nofollow ugc">Flat-rate shipping plugins for WooCommerce</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-extra-fees-plugin" rel="nofollow ugc">WooCommerce Extra Fees</a></li>
<li><a href="https://www.thedotstore.com/hide-shipping-method-for-woocommerce" rel="nofollow ugc">Hide Shipping Method For WooCommerce</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-product-attachment" rel="nofollow ugc">Product Attachment For WooCommerce</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-advanced-product-size-charts/" rel="nofollow ugc">Advanced Product Size Charts Plugin</a></li>
<li><a href="https://www.thedotstore.com/product-sample-woocommerce/" rel="nofollow ugc">Product Sample for WooCommerce</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-blocker-lite-prevent-fake-orders-blacklist-fraud-customers/" rel="nofollow ugc">Blocker – Prevent Fake Orders And Blacklist Fraud Customers</a></li>
<li><a href="http://www.thedotstore.com/woocommerce-enhanced-ecommerce-analytics-integration-with-conversion-tracking" rel="nofollow ugc">Enhanced Ecommerce Google Analytics for WooCommerce</a></li>
<li><a href="https://www.thedotstore.com/conditional-payments-for-woocommerce/" rel="nofollow ugc">Conditional Payments For WooCommerce</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-advanced-usps-shipping-method/" rel="nofollow ugc">Advanced USPS Shipping Plugin</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-multi-vendor-shipping-addon/" rel="nofollow ugc">WooCommerce Multi-Vendor Shipping Addon</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-category-banner-management/" rel="nofollow ugc">Category Banner Management for Woocommerce</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-product-finder" rel="nofollow ugc">Product Finder For WooCommerce</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-conditional-discount-rules-for-checkout" rel="nofollow ugc">Conditional Discount Rules For WooCommerce Checkout</a></li>
<li><a href="https://www.thedotstore.com/woocommerce-checkout-for-digital-goods/" rel="nofollow ugc">WooCommerce Checkout For Digital Goods</a></li>
<li><a href="https://www.thedotstore.com/attribute-stock-woocommerce/" rel="nofollow ugc">WooCommerce Attribute Stock</a></li>
</ol>


Product Size Charts Plugin for WooCommerce

1.main language file is empty = 0.
2. the name of the tab is self-filled from the admin panel.
3. it is impossible to translate the required lines without headache

Several bugs in version 2.0.8


I’v been using this plugin for 4 years and I have no problem with it. Recently I hade some encoding problems that quickly resolved by the support team. Thanks for creating this awesome plugin. 


Best size chart plugin, with great support

Add product size charts with default template or custom size chart to any of your WooCommerce products.

Wp Custom Field Chart vs Product Size Charts Plugin for WooCommerce