Posted on

Show/hide inner items by clicking

Time needed: 1 minute.

If you want multiple inner items in one column, and want to show/hide by clicking. You can use “Toggle Show Hide” option for that.

  1. Select items

    Expand column and select which inner items you want to show.

  2. Turn On Option

    Scroll down and you will see “Toggle Show Hide” option, check it. Also give a toggle text in the input box.

  3. Table view

Posted on

Create an audio player table

To create an audio player table we need to add “audio_file” custom field. We use ACF for that.

Create a custom field

Now active audio player column

If you want that your audio player should be at the bottom, then check the “Stick to Bottom” checkbox. Also you can change the Background Color as well as Progress Bar Color.

If you want to show artist name, create another custom field called “audio_artist ” add a new column with the same column keyword.

Add your audio and artist  name in your audio product.

See the demo here – Click Here

Posted on

Overriding Woocommerce templates via a theme

WooCommerce template files contain the markup and template structure for frontend and HTML emails of your store.

When you open these files, you will notice they all contain hooks that allow you to add/move content without needing to edit template files themselves. This method protects against upgrade issues, as the template files can be left completely untouched.

Template files can be found within the /woocommerce/templates/ directory

How to Edit Files

Edit files in an upgrade-safe way using overrides. Copy the template into a directory within your theme named /woocommerce keeping the same file structure but removing the /templates/ subdirectory.

Example: To override the archive page, copy: wp-content/themes/yourtheme/woocommerce/archive-product.php

The copied file will now override the WooCommerce default template file.

Now edit archive-product.php and delete woocommerce_shop_loop and paste our table shortcode

Example – echo do_shortcode(“[Product_Table id=’104′ name=’test’]”);

Posted on

Create an advanced search box table

If you want to use the advance search box, then select Show Search Box from “Search &Filter” tab. It will appear a search box on your front-end table page. Now turn on “Advance Search” option from Configure page.

You can also search from a specific area. As an example, suppose you want to search only from the post title and SKU then select post_title and _sku from “Search From”. Also, you can search from other sections.

Also you can search from taxonomy as well. Set which taxonomy you want to search in.

Finally if you want to see the demo table click here.