title: Output grid of child category thumbnails and custom URL
body: <p>I have a product category in WooCommerce called Dealers (ID 93). This product category has about 50 children currently and each one has a logo as its thumbnail. I have added a custom field on each category to paste a URL to the dealer website. I want to create a page that will automatically populate these child categories and display a grid of the thumbnails. I'd like each thumbnail to link to the dealer_website URL and open in a new window.</p>
  <p>This is the code I'm using to add a custom meta field to the product categories:</p>
  <pre><code>// Custom field for product categories
  // Add term page
  function custom_product_taxonomy_add_new_meta_field() {
      // this will add the custom meta field to the add new term page
      ?&gt;
      &lt;div class=&quot;form-field&quot;&gt;
          &lt;label for=&quot;term_meta[custom_term_meta]&quot;&gt;&lt;?php _e( 'Dealer Website', 'dealer_website' ); ?&gt;&lt;/label&gt;
          &lt;input type=&quot;text&quot; name=&quot;term_meta[custom_term_meta]&quot; id=&quot;term_meta[custom_term_meta]&quot; value=&quot;&quot;&gt;
          &lt;p class=&quot;description&quot;&gt;&lt;?php _e( 'Make sure to include the whole URL here','dealer_website' ); ?&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;?php
  }
  add_action( 'product_cat_add_form_fields', 'custom_product_taxonomy_add_new_meta_field', 10, 2 );
  // Edit term page
  function custom_product_taxonomy_edit_meta_field($term) {
  
      // put the term ID into a variable
      $t_id = $term-&gt;term_id;
  
      // retrieve the existing value(s) for this meta field. This returns an array
      $term_meta = get_option( &quot;taxonomy_$t_id&quot; ); ?&gt;
      &lt;tr class=&quot;form-field&quot;&gt;
      &lt;th scope=&quot;row&quot; valign=&quot;top&quot;&gt;&lt;label for=&quot;term_meta[custom_term_meta]&quot;&gt;&lt;?php _e( 'Dealer Website', 'dealer_website' ); ?&gt;&lt;/label&gt;&lt;/th&gt;
          &lt;td&gt;
              &lt;input type=&quot;text&quot; name=&quot;term_meta[custom_term_meta]&quot; id=&quot;term_meta[custom_term_meta]&quot; value=&quot;&lt;?php echo esc_attr( $term_meta['custom_term_meta'] ) ? esc_attr( $term_meta['custom_term_meta'] ) : ''; ?&gt;&quot;&gt;
              &lt;p class=&quot;description&quot;&gt;&lt;?php _e( 'Make sure to include the whole URL here','dealer_website' ); ?&gt;&lt;/p&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;?php
  }
  add_action( 'product_cat_edit_form_fields', 'custom_product_taxonomy_edit_meta_field', 10, 2 );
  // Save extra taxonomy fields callback function.
  function save_taxonomy_custom_meta( $term_id ) {
      if ( isset( $_POST['term_meta'] ) ) {
          $t_id = $term_id;
          $term_meta = get_option( &quot;taxonomy_$t_id&quot; );
          $cat_keys = array_keys( $_POST['term_meta'] );
          foreach ( $cat_keys as $key ) {
              if ( isset ( $_POST['term_meta'][$key] ) ) {
                  $term_meta[$key] = $_POST['term_meta'][$key];
              }
          }
          // Save the option array.
          update_option( &quot;taxonomy_$t_id&quot;, $term_meta );
      }
  }  
  add_action( 'edited_product_cat', 'save_taxonomy_custom_meta', 10, 2 );  
  add_action( 'create_product_cat', 'save_taxonomy_custom_meta', 10, 2 );
  </code></pre>
  <p>This part works just fine, but I don't know how to get it to output into a grid of thumbnails on a custom page template that all link to the dealer_url and open it in a new window.</p>
  <p>I'm using shortcode right now to get part of the way, but I don't know how to pull the dealer_website url instead of the category url:</p>
  <pre><code>[product_categories parent=&quot;93&quot; columns=&quot;5&quot; number=&quot;100&quot; hide_empty=&quot;0&quot;]
  </code></pre>