/**
  * Make Shortcode
  *
  * @package WooCommerce 360° Image
  * @author  Captain Theme <*****@*****.**>
  * @since   1.0.0
  */
 public function shortcode($atts)
 {
     // Load in an instance of the WC_360_Image_Display Class
     $image_display = new WC_360_Image_Display();
     // Array of default dimensions (used when shortcode doesn't define any)
     $dimensions = $image_display->default_width();
     $default_width = $dimensions;
     // Shortcode Attributes
     extract(shortcode_atts(array('width' => $default_width, 'height' => '', 'id' => ''), $atts));
     // If ID passed use that, if not get the current page's ID
     if ($id) {
         $id = $id;
     } else {
         $id = get_the_ID();
     }
     // Enqueue the JS / CSS we need
     wp_enqueue_script('jquery');
     wp_enqueue_script('wc360-threesixty-js');
     wp_enqueue_script('wc360-threesixty-fullscreen-js');
     wp_enqueue_style('wc360-threesixty-css');
     wp_enqueue_script('wc360-js');
     wp_enqueue_style('wc360-css');
     wp_localize_script('wc360-js', 'wc360_vars', $image_display->js_data_all($width, $height, $id));
     // Start Shortcode Output
     ob_start();
     // We can only currently have one instance of the rotator per page, so only show it if the 'Replace Image with 360 Image' is unchecked
     if (!get_post_meta(get_the_ID(), 'wc360_enable', true)) {
         // Only continue if the ID received is a product
         if (get_post_type($id) == 'product') {
             $product = get_product($id);
             $attachment_ids = $product->get_gallery_attachment_ids();
             // Only continue if there are gallery images
             if ($attachment_ids) {
                 do_action('wc360_shortcode_before_image');
                 $content = '<div id="container" class="wc360-container shortcode" style="width:' . $width . 'px">';
                 $content .= '<div class="wc360 threesixty">';
                 $content .= '<div class="spinner">';
                 $content .= '<span>0%</span>';
                 $content .= '</div>';
                 $content .= '<ol class="threesixty_images"></ol>';
                 $content .= '</div>';
                 $content .= '</div>';
                 echo apply_filters('wc360_shortcode_image_output', $content);
                 do_action('wc360_shortcode_after_image');
             } else {
                 // Error
                 echo sprintf(__('%s There are no gallery images for this product!', 'woocommerce-360-image'), '<strong>' . __('Note:', 'woocommerce-360-image') . '</strong>');
             }
         } else {
             // Error
             echo sprintf(__('%s This is not a valid product ID!', 'woocommerce-360-image'), '<strong>' . __('Note:', 'woocommerce-360-image') . '</strong>');
         }
     } else {
         // Error
         echo sprintf(__('%s There can only be one rotator per page!', 'woocommerce-360-image'), '<strong>' . __('Note:', 'woocommerce-360-image') . '</strong>');
     }
     $data = ob_get_clean();
     // End Shortcode Output
     return $data;
 }