Shaun Scovil

<p>CSV to SortTable is great for anyone who wants to display information from a spreadsheet on a WordPress website. This plugin can be used to display product catalogs, inventory lists, leaderboards or anything else that can be stored in a CSV file.</p>
<h4>How To Use</h4>
<p>Insert a sortable table into any page or post using this shortcode:</p>
<pre><code>[csv src=http://example.com/myfile.csv]
</code></pre>
<p>The result will be a beautiful, semantically-correct HTML table populated with the contents of your file.</p>
<h4>Optional Features</h4>
<p>This plugin automatically does a few things for you, all of which can be disabled:</p>
<ol>
<li>Adds some CSS to make the table look nice.</li>
<li>Converts image file URLs into clickable image links.</li>
<li>Converts certain file URLs into clickable file-type icons (.doc, .pdf, .ppt, .xls, .zip).</li>
</ol>
<p>To disable any of these features, use the <code>disable</code> shortcode attribute:</p>
<pre><code>[csv src=http://example.com/myfile.csv disable=css]
[csv src=http://example.com/myfile.csv disable=icons,images]
[csv src=http://example.com/myfile.csv disable=all]
</code></pre>
<p>The first example would disable only the plugin CSS; the second would disable both the file-type icons and image links; and the third would disable all optional features. Disable any combination using a comma-separated list (no spaces!).</p>
<h4>Table ID</h4>
<p>Want to give your table a unique ID? Use the <code>id</code> shortcode attribute:</p>
<pre><code>[csv src=http://example.com/myfile.csv id=my_data_table]
</code></pre>
<p>The above example would give the <code><table></code> element an <code>id</code> attribute of <code>my_data_table</code>.</p>
<h4>Group Classes</h4>
<p>Let’s say you have a table with three columns: Item, Description and Type. You want all table rows of the same Type to have the same class, so you can highlight them in different colors using CSS or modify them all at once with JavaScript.</p>
<p>This can be done by assigning a column number to the <code>group</code> shortcode attribute:</p>
<pre><code>[csv src=http://example.com/myfile.csv group=3]
</code></pre>
<p>The result would be a special class assigned to each table row based on the value of the third column.</p>
<h4>Sorting Options</h4>
<p>By default, table data is sorted alphabetically. If you want to sort columns numerically or as dates, or disable sorting on certain columns, use the following shortcode attributes:</p>
<pre><code>[csv src=http://example.com/myfile.csv number=2]
[csv src=http://example.com/myfile.csv date=3]
[csv src=http://example.com/myfile.csv unsortable=4,5,6]
</code></pre>
<p>The values can be a single column number, or multiple column numbers in a comma-separated list (no spaces!).</p>
<h4>Relative File Paths</h4>
<p>If the <code>src</code> value is a relative path (beginning with a forward slash), the plugin will refer to the “Site address (URL)” defined in <code>WP-Admin > Settings > General</code>:</p>
<pre><code>[csv src=/mydata/data.csv]
</code></pre>
<p>The above example would refer to <code>http://example.com/mydata/data.csv</code>.</p>
<h4>Data Array Filter</h4>
<p>You may want to manipulate the CSV data after it is imported, but before the HTML table is rendered. To do so, use this filter:</p>
<pre><code>csv_to_sorttable_data_array
</code></pre>
<p>Here are some code examples of how to use the data array filter:</p>
<ol>
<li><a href="https://gist.github.com/sscovil/5798612" rel="nofollow ugc">Remove First Row (Function)</a></li>
<li><a href="https://gist.github.com/sscovil/5919849" rel="nofollow ugc">Add a Header Row (Function)</a></li>
<li><a href="https://gist.github.com/sscovil/5919960" rel="nofollow ugc">Add a Header Row (Plugin)</a></li>
</ol>
<h3>Credits</h3>
<p>This plugin utilizes some excellent open source scripts, functions and images whose creators deserve to be recognized.</p>
<ol>
<li>Stuart Langridge wrote <a href="http://www.kryogenix.org/code/browser/sorttable/" rel="nofollow ugc">sorttable.js</a>, the JavaScript that inspired this plugin and makes it possible to sort tables by clicking on the column headers.</li>
<li>V.Krishn wrote a handy <a href="http://github.com/insteps/phputils" rel="nofollow ugc">PHP function</a> that enables users of PHP < 5.3 to utilize the <code>str_getcsv()</code> function that powers this plugin.</li>
<li>Blake Knight created the beautiful <a href="http://blog.blake-knight.com/2010/06/15/free-vector-pack-document-icons/" rel="nofollow ugc">file type icons</a> used in this plugin and made them free for all.</li>
</ol>


CSV to SortTable

Import data from a spreadsheet (.csv file format) and display it in a sortable HTML table.

Vagonic

<p>Take control of your WooCommerce product display with our intuitive drag-and-drop sorting solution. Perfect for store owners who want to optimize their product layouts and enhance customer experience.</p>
<h3>🚀 Core Features</h3>
<p><strong>Free Version Features:</strong><br />
* Multi-product selection and bulk sorting<br />
* Responsive grid layout system<br />
* Category-based sorting<br />
* Product label organization<br />
* Stock status filtering (in-stock/out-of-stock)<br />
* Price-based sorting<br />
* Support for up to 12 items<br />
* User-friendly interface</p>
<p><strong>Premium Features:</strong><br />
* Unlimited product sorting<br />
* Multi-category sorting capabilities<br />
* Advanced tag-based organization<br />
* Enhanced bulk selection tools<br />
* Priority technical support<br />
* Regular feature updates<br />
* 24/7 customer support<br />
* Annual updates included<br />
* Custom sorting templates<br />
* Performance optimization</p>
<h3>💡 Key Benefits</h3>
<ul>
<li><strong>Sales Optimization:</strong> Strategic product placement to maximize conversion</li>
<li><strong>Time-Saving:</strong> Bulk sorting and quick reorganization tools</li>
<li><strong>Flexible Organization:</strong> Sort by categories, tags, stock status, or price</li>
<li><strong>Visual Merchandising:</strong> Create compelling product displays</li>
<li><strong>Campaign Management:</strong> Easily organize promotional collections</li>
</ul>
<h3>🔍 Advanced Sorting Options</h3>
<p><strong>Category Management:</strong><br />
* Individual category sorting<br />
* Custom product arrangements<br />
* Color-based organization<br />
* Price-based grouping<br />
* Special collection creation</p>
<p><strong>Tag Organization:</strong><br />
* Tag-based product sorting<br />
* Custom tag combinations<br />
* Special promotional groupings<br />
* Seasonal collection management</p>
<p><strong>Stock & Price Management:</strong><br />
* Smart stock status filtering<br />
* Price-based organization<br />
* Visibility control for out-of-stock items<br />
* Dynamic inventory display</p>
<h3>📺 Video Demo</h3>
<p><iframe loading="lazy" title="Rearrange Woocommerce Products - How to RE-ORDER products in a Woocommerce category" width="750" height="422" src="https://www.youtube.com/embed/LyfMyu0miBM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>🔗 Important Links</h3>
<ul>
<li><a href="https://vagonic.com/vagonic-sortable-demo" rel="nofollow ugc">Premium Version Demo</a></li>
<li><a href="https://vagonic.com/product/vagonic-drag-and-drop-product-sorting-woocommerce-premium-plugin" rel="nofollow ugc">Product Details & Reviews</a></li>
</ul>


Woocommerce Advanced Product Organizer – Dynamic Sorting & Reordering

With our Vagonic plugin, your sales will increase and you will get a customizable ranking.

will make your work easier

Transform your WooCommerce store with powerful drag-and-drop product sorting. Boost sales through strategic product placement and advanced organizatio …

CSV to SortTable vs Woocommerce Advanced Product Organizer – Dynamic Sorting & Reordering