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.

WPClever

<p>Guide your dear customers to pick the most suitable choice with a size that fits the best with <strong>WPC Product Size Chart for WooCommerce</strong>. Size charts are crucial for clothing stores and fashion shops the most as size standards vary in different brands and designs. Moreover, size charts can help reduce the return and refund rate as well. Let customers know which should be the best outfit that they can take on to achieve the ultimate look.</p>
<p>Users are entitled to add unlimited size charts, customize to any style and insert in any position on their page using short-code. Let the size charts be a new kind of staff for your online stores.</p>
<h4>Live demo</h4>
<p>Visit our <a href="https://demo.wpclever.net/wpcstore/product/mens-plain-hoodie/" title="live demo" rel="nofollow ugc">live demo</a> here to see how this plugin works.</p>
<h4>Benefits of Size Charts</h4>
<ul>
<li>Improve returns rate and cumbersome delivery</li>
<li>Avoid wasting resources and refunds</li>
<li>Emphasize the differences of your brands and designs</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Unlimited customizable size charts</li>
<li>Two types: Global and Individual Size Charts</li>
<li>Choose subjects to insert size charts (products, tags, categories, brands, etc.)</li>
<li>Display size charts in an informative popup</li>
<li>9 positions for size charts on single product pages</li>
<li>Add or remove columns and rows in the table</li>
<li>Combine different size charts into 1 popup</li>
<li>Customizable Above/ Under text</li>
<li>Customizable Chart Label, Excerpt & Title</li>
<li>Predefined or self-defined units and measurements</li>
<li>Short-code supported: insert size charts anywhere you like</li>
<li>Compatible with most WordPress themes and plugins/add-ons</li>
<li>Premium: Combined Sources for global size charts</li>
</ul>
<h4>Size Charts’ Significance</h4>
<p>Many people don’t know which size should best fit their body when it comes to purchasing clothing and fashion accessories such as shoes and bags online. Since it’s impossible to try things on before purchasing, size charts are there to help them better decide which size should be taken.</p>
<p>Different brands have different standards for clothes, shoes and bags, so the dimensions vary greatly. Size charts help customers know if the products are expected to be loose, fit or tight for them. Choosing the right size contributes immensely to reducing the return and refund rates as people can get what fits their body in a more precise way. Sometimes, buyers are hesitant to consult with sales agents so inserting size charts to products can improve the experience for them and they can make up their own mind.</p>
<p>Using <strong>WPC Product Size Chart for WooCommerce</strong> will chase away all the fears of choosing the wrong product for customers, while providing an indirect way for online sellers to communicate with their buyers.</p>
<h4>Different Types Of Size Charts</h4>
<p>With this plugin, users can create a wide variety of size charts on their site. Size charts can be Global (assigned to various products, tags, categories, brands, attributes, etc.) or Individual ones (added in the Size charts tab of the single product pages). Both types can be combined to appear on the same single product page.</p>
<p>There are 9 sources available in both versions: free and Premium. The Combined source is only accessible in the Premium version of this plugin. It’s the most advanced source type at user’s proposals.</p>
<ul>
<li>All products – storewide</li>
<li>Types: for example “simple”, “variable”, “woosb” for smart bundles, “woosg” for smart grouped, “composite” for smart composite</li>
<li>Brands (using <a href="https://wordpress.org/plugins/wpc-brands/" rel="ugc">WPC Brands for WooCommerce</a> plugin)</li>
<li>Collections (using <a href="https://wordpress.org/plugins/wpc-smart-product-collections/" rel="ugc">WPC Smart Product Collection for WooCommerce</a> plugin)</li>
<li>Tags</li>
<li>Categories</li>
<li>Product visibility</li>
<li>Product shipping classes</li>
<li>Product attributes</li>
<li>In the Premium version, when choosing “Combined”, users can press on the Add Condition button to add conditions for defining the applicable products for the current global size chart. What is special about this is users can add as many conditions from different above sources as possible, provided that they make sense and results in some products matched.</li>
<li>For example, it’s totally possible to include products that are under the category “Clothing” with the “Pet” tag having the 2 common shipping classes, and exclude ones that are hidden from search and catalog. Seems complex but definitely feasible with the Combined source.</li>
</ul>
<p>Users can make use of images, texts, or both to create a fully informative and comprehensive size chart popups for different product lines. This plugin supports short-code so users can use it to insert size charts anywhere they like on any page with ease.</p>
<h4>Customizable Size Charts</h4>
<p>The use of this plugin is truly intuitive so users don’t need to read through any documentation. Creating new charts, editing or inserting charts are easy as a piece of cake.</p>
<p>With the future updates of <strong>WPC Product Size Chart for WooCommerce</strong>, there will be many other WPC features integrated into this plugin for WPC users to make use of powers from other plugins.</p>
<h4>Need more features?</h4>
<p>Please try other plugins from us:</p>
<ul>
<li><a href="https://wordpress.org/plugins/woo-smart-compare/" title="WPC Smart Compare" rel="ugc">WPC Smart Compare</a></li>
<li><a href="https://wordpress.org/plugins/woo-smart-quick-view/" title="WPC Smart Quick View" rel="ugc">WPC Smart Quick View</a></li>
<li><a href="https://wordpress.org/plugins/woo-smart-wishlist/" title="WPC Smart Wishlist" rel="ugc">WPC Smart Wishlist</a></li>
<li><a href="https://wordpress.org/plugins/wpc-smart-notification/" title="WPC Smart Notification" rel="ugc">WPC Smart Notification</a></li>
<li><a href="https://wordpress.org/plugins/wpc-estimated-delivery-date/" title="WPC Estimated Delivery Date" rel="ugc">WPC Estimated Delivery Date</a></li>
</ul>


WPC Product Size Chart for WooCommerce

Ultimate solution to manage WooCommerce product size charts.

Wp Custom Field Chart vs WPC Product Size Chart for WooCommerce