function action_admin_init() { if (!current_user_can('edit_posts') && !current_user_can('edit_pages')) { return; } if (get_user_option('rich_editing') == 'true') { add_filter('mce_external_plugins', array($this, 'filter_mce_plugin')); add_filter('mce_buttons', array($this, 'filter_mce_button')); /* Style */ wp_enqueue_style('my_custom_script', plugin_dir_url(__FILE__) . '/style.css'); wp_enqueue_script('wp-color-picker'); wp_enqueue_style('wp-color-picker'); //wp_enqueue_script('dp-backend-sortable-script', DP_DIR . 'assets/js/jquery-sortable.js'); wp_enqueue_script('jquery-ui-sortable'); add_action('wp_ajax_nopriv_dpshortcodegenerator', 'dp_shortcode_generator_template'); add_action('wp_ajax_dpshortcodegenerator', 'dp_shortcode_generator_template'); /* Pharse Variable to Javascript */ $variable_to_js = array('plugin_folder' => plugin_dir_url(__FILE__), 'ajax_url' => admin_url('admin-ajax.php')); $variable_to_js_merge = array_merge($variable_to_js, displayproduct_textdomain()); wp_localize_script('jquery', 'displayProduct', $variable_to_js_merge); } }
function dp_shortcode_generator_template() { ?> <div id="wpwrap"> <div id="wpbody-content" aria-label="Main content" tabindex="0"> <form id="displayProduct-form" action="" method="post"> <div class="dp-container"> <div class="wrap"> <div class="dp-title-block"> <div class="wrap"> <div id="icon-tools"><img src="<?php echo DP_DIR; ?> /assets/js/display-icon.png"></div><h2>Display product Options</h2> <h5> <span> | <a href="http://sureshopress.com/display-product-for-woocommerce/document" target="_blank">View Plugin Documentation</a></span> <span>Display Product Version <?php echo DP_VER; ?> </span> </h5> </div> </div> <div id="dp-header-block" class="dp-header-block clearfix"> <h3 id="displayProduct-step-1" class="displayProduct-headline">Select DP Template</h3> </div> <div id="dp-shortcode-block" class="displayProduct-step-2 dp-shortcode-block clearfix"> <table id="displayProduct-table" class="form-table"> <tr> <th><label for="displayProduct-template">Select Template</label></th> <td> <?php global $wpdb; $allPageTemplate = array(''); $rs = $wpdb->get_results("\r\n SELECT ID, post_title\r\n FROM {$wpdb->posts}\r\n WHERE post_type = 'dp_template'\tAND post_status = 'publish'\r\n ORDER BY ID DESC"); if ($rs) { ?> <select id="displayProduct-template" name="displayProduct-template" > <option value="">Select DP Template</option> <?php foreach ($rs as $r) { ?> <option value="<?php echo $r->ID; ?> "><?php echo $r->post_title; ?> </option><?php } ?> </select><?php } else { echo 'Not found DP template. Create <a href="' . admin_url('edit.php?post_type=dp_template') . '">here</a>.'; } ?> </td> </tr> </table> </div> <p class="submit"> <input type="button" id="displayProduct-submit" class="button-primary" value="<?php echo displayproduct_textdomain('Insert_Product_Shortcode'); ?> " name="submit" /> </p> </div> </div> <input type="hidden" name="update_settings" value="Y"> </form> </div> <div class="clear"></div> </div><!-- wpcontent --> <script type="text/javascript" src="<?php echo admin_url('load-scripts.php'); ?> ?c=1&load%5B%5D=hoverIntent,common,admin-bar,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-draggable,jquery-ui-slider,jquery-touch-p&load%5B%5D=unch,iris,wp-color-picker,svg-painter,heartbeat,thickbox"></script> <script type="text/javascript"> jQuery(document).ready(function() { var form = jQuery('#displayProduct-form'); // handles the click event of the submit button form.find('#displayProduct-submit').click(function() { var options = { 'template': '' }; var shortcode = '[displayProduct'; for (var index in options) { var value = jQuery('#displayProduct-' + index).val(); // Type if (value !== options[index]) { shortcode += ' id="' + value + '"'; } } shortcode += ']'; // inserts the shortcode into the active editor tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode); // closes Thickbox tb_remove(); }); }); </script> <div class="clear"></div></div> <?php }
/** * Prints the box content. * * @param WP_Post $post The object for the current post/page. */ function dp_template_meta_box_callback($post) { // Add a nonce field so we can check for it later. wp_nonce_field('myplugin_meta_box', 'myplugin_meta_box_nonce'); /* * Use get_post_meta() to retrieve an existing value * from the database and use the value for the form. */ $s = 'selected="selected"'; $c = 'checked="checked"'; $dn = 'style="display: none;"'; $db = 'style="display: block"'; $dp_sortElement = get_post_meta($post->ID, 'dp_sort-element', true); $dp_select_template = get_post_meta($post->ID, 'dp_select_template', true); $dp_title_s = get_post_meta($post->ID, 'dp_title', true); $dp_image_s = get_post_meta($post->ID, 'dp_image', true); $dp_excerpt_s = get_post_meta($post->ID, 'dp_excerpt', true); $dp_price_s = get_post_meta($post->ID, 'dp_price', true); $dp_option_s = get_post_meta($post->ID, 'dp_option', true); $dp_addtocartbutton_s = get_post_meta($post->ID, 'dp_addtocartbutton', true); $dp_customfield_s = get_post_meta($post->ID, 'dp_customfield', true); $dp_variable_s = get_post_meta($post->ID, 'dp_variable', true); /* * Unserialize */ $dp_title = unserialize($dp_title_s); $dp_image = unserialize($dp_image_s); $dp_excerpt = unserialize($dp_excerpt_s); $dp_price = unserialize($dp_price_s); $dp_addtocartbutton = unserialize($dp_addtocartbutton_s); $dp_customfield = unserialize($dp_customfield_s); $dp_option = unserialize($dp_option_s); $dp_option['filter_select'] = $dp_option['filter_select'] ? $dp_option['filter_select'] : array(); $dp_option['category_select'] = $dp_option['category_select'] ? $dp_option['category_select'] : array(); // $dp_variable=unserialize($dp_variable_s); ?> <section id="select-template"> <div class="dp-head dp-head-select clearfix"> <img src="<?php echo DP_URL; ?> /assets/images/template-editor/template-editor_05.png" alt=""/> <span>Select Template</span> </div> <div class="dp-body"> <ul class="select-template-editor"> <?php $select_template_types = array('grid', 'list', 'box', 'table', 'boxCarousel', 'gridCarousel'); $i = 1; foreach ($select_template_types as $st_type) { if ($dp_select_template == $st_type || empty($dp_select_template) && $i == 1) { $active = 'active'; $TemplateChecked = $c; } else { $active = ''; $TemplateChecked = ''; } echo '<li class="' . $active . '"> <label for="dp-editor-' . $st_type . '"> <img src="' . DP_URL . 'assets/images/template-editor/template-' . $st_type . '.png" alt=""/> <input id="dp-editor-' . $st_type . '" class="dp_select_template" name="dp_select_template" type="radio" ' . $TemplateChecked . ' value="' . $st_type . '"> </label> </li>'; $i++; } ?> </ul> </div> </section> <section id="select-template"> <div class="dp-head dp-head-editor clearfix"> <img src="<?php echo DP_URL; ?> /assets/images/template-editor/template-editor_05.png" alt=""/> <span>Product options</span> </div> <div class="dp-body"> <div class="dp_option-wrapper dp-wrapper-filterProduct"> <span class="dp_option-label"><label for="displayProduct-filter"><?php echo displayproduct_textdomain('Select_product'); ?> : </span> <div class="dp_option-body"> <label for="dp_option[filter_condition]1"><input id="dp_option[filter_condition]1" name="dp_option[filter_condition]" class="allProduct" type="radio" value="allproduct" <?php echo $dp_option['filter_condition'] == 'allproduct' ? $c : 'checked="checked"'; ?> > <?php echo displayproduct_textdomain('allproduct'); ?> </label> <label for="dp_option[filter_condition]2"><input id="dp_option[filter_condition]2" name="dp_option[filter_condition]" class="filterProduct" type="radio" value="filterproduct" <?php echo $dp_option['filter_condition'] == 'filterproduct' ? $c : ''; ?> > <?php echo displayproduct_textdomain('filterproduct'); ?> </label> <div class="dp_filter-wrapper"> <select id="displayProduct-filter" name="dp_option[filter_select][]" multiple size="3"> <option value="featured" <?php echo in_array('featured', $dp_option['filter_select']) ? $s : ''; ?> ><?php echo displayproduct_textdomain('featuredproduct'); ?> </option> <option value="sales" <?php echo in_array('sales', $dp_option['filter_select']) ? $s : ''; ?> ><?php echo displayproduct_textdomain('saleproduct'); ?> </OPTION> <option value="instock" <?php echo in_array('instock', $dp_option['filter_select']) ? $s : ''; ?> ><?php echo displayproduct_textdomain('instockproduct'); ?> </option> <option value="outofstock" <?php echo in_array('outofstock', $dp_option['filter_select']) ? $s : ''; ?> ><?php echo displayproduct_textdomain('outofstockpproduct'); ?> </option> </select> </div> </div> </div> <div class="dp_option-wrapper" > <span class="dp_option-label"> <label for="displayProduct-filter"><?php echo displayproduct_textdomain('filter_category'); ?> : </label> </span> <div class="dp_option-body"> <label for="dp_option[category_condition]1"> <input id="dp_option[category_condition]1" name="dp_option[category_condition]" class="allCategory" type="radio" value="allCatogory" <?php echo $dp_option['category_condition'] == 'allCatogory' ? $c : 'checked="checked"'; ?> > <?php echo displayproduct_textdomain('allcategory'); ?> </label> <label for="dp_option[category_condition]2"> <input id="dp_option[category_condition]2" name="dp_option[category_condition]" class="filterCategory" type="radio" value="customCategory" <?php echo $dp_option['category_condition'] == 'customCategory' ? $c : ''; ?> > <?php echo displayproduct_textdomain('customcategory'); ?> </label> <div class="dp_category-wrapper"> <select id="dp_option[category_select]" name="dp_option[category_select][]" class="dp-selectCategory" multiple size="3"> <?php //Pharse Product Category ID and Product Category Name to shortcode generator. $product_cat = ''; $args = array('hide_empty' => false); $terms = get_terms("product_cat", $args); $count = count($terms); if ($count > 0) { foreach ($terms as $term) { $in = in_array($term->slug, $dp_option['category_select']) ? $s : ''; $product_cat .= '<option value="' . $term->slug . '" ' . $in . '>' . $term->name . '</option>'; } } else { $product_cat .= '<option value="nocat">Please Insert product category or add product to category.</option>'; } echo $product_cat; ?> </select> </div> </div> </div> <div class="dp_option-wrapper"> <span class="dp_option-label"> <label for="displayProduct-tag"><?php echo displayproduct_textdomain('filter_by_tag'); ?> : </span> </span> <div class="dp_option-body"> <label for="dp_option[tag_condition]1"> <input id="dp_option[tag_condition]1" name="dp_option[tag_condition]" class="allTag" type="radio" value="allTag" <?php echo $dp_option['tag_condition'] == 'allTag' ? $c : 'checked="checked"'; ?> > <?php echo displayproduct_textdomain('alltag'); ?> </label> <label for="dp_option[tag_condition]2"> <input id="dp_option[tag_condition]2" name="dp_option[tag_condition]" class="filterTag" type="radio" value="customTag" <?php echo $dp_option['tag_condition'] == 'customTag' ? $c : ''; ?> > <?php echo displayproduct_textdomain('customtag'); ?> </label> <div class="dp_tag-wrapper"> <select id="dp_option[tag_select]" name="dp_option[tag_select][]" class="dp-selectTag" multiple size="3"> <?php //Pharse Product Category ID and Product Category Name to shortcode generator. $product_tag = ''; $args = array('hide_empty' => false); $terms = get_terms("product_tag", $args); $count = count($terms); if ($count > 0) { foreach ($terms as $term) { $in = in_array($term->slug, $dp_option['tag_select']) ? $s : ''; $product_tag .= '<option value="' . $term->slug . '" ' . $in . '>' . $term->name . '</option>'; } } else { $product_tag .= '<option value="notag">Please insert product tag or attaching tags to items .</option>'; } echo $product_tag; ?> </select> </div> </div> </div> <div class="dp_option-wrapper"> <span class="dp_option-label"> <label for="displayProduct-shippingClass"><?php echo displayproduct_textdomain('filter_by_shippingClass'); ?> : </span> </span> <div class="dp_option-body"> <label for="dp_option[shippingClass_condition]1"> <input id="dp_option[shippingClass_condition]1" name="dp_option[shippingClass_condition]" class="allShippingClass" type="radio" value="allShippingClass" <?php echo $dp_option['shippingClass_condition'] == 'allShippingClass' ? $c : 'checked="checked"'; ?> > <?php echo displayproduct_textdomain('allshippingclass'); ?> </label> <label for="dp_option[shippingClass_condition]2"> <input id="dp_option[shippingClass_condition]2" name="dp_option[shippingClass_condition]" class="filterShippingClass" type="radio" value="customShippingClass" <?php echo $dp_option['shippingClass_condition'] == 'customShippingClass' ? $c : ''; ?> > <?php echo displayproduct_textdomain('customshippingclass'); ?> </label> <div class="dp_shippingClass-wrapper"> <select id="dp_option[shippingClass_select]" name="dp_option[shippingClass_select][]" class="dp-selectShippingClass" multiple size="3"> <?php //Pharse Product Category ID and Product Category Name to shortcode generator. $product_shippingClass = ''; $args = array('hide_empty' => false); $terms = get_terms("product_shipping_class", $args); $count = count($terms); if ($count > 0) { foreach ($terms as $term) { $in = in_array($term->slug, $dp_option['shippingClass_select']) ? $s : ''; $product_shippingClass .= '<option value="' . $term->slug . '" ' . $in . '>' . $term->name . '</option>'; } } else { $product_shippingClass .= '<option value="notag">Please insert product shipping class or attaching shipping class to product items .</option>'; } echo $product_shippingClass; ?> </select> </div> </div> </div> <div class="dp_option-wrapper"> <span class="dp_option-label"> <label for="dp_option[perpage]"><?php echo displayproduct_textdomain('Products_displayed_per_page'); ?> : </span> </span> <input type="number" id="dp_option[perpage]" min="1" name="dp_option[perpage]" value="<?php echo $dp_option['perpage'] ? $dp_option['perpage'] : '20'; ?> "> </div> <div class="dp_option-wrapper"> <span class="dp_option-label"> <label for="dp_option[column]"><?php echo displayproduct_textdomain('Columns'); ?> : </span> </span> <input type="number" id="dp_option[column]" min="1" name="dp_option[column]" value="<?php echo $dp_option['column'] ? $dp_option['column'] : '3'; ?> "> </div> </div> </section> <section id="select-template"> <div class="dp-head dp-head-editor clearfix"> <img src="<?php echo DP_URL; ?> /assets/images/template-editor/template-editor_05.png" alt=""/> <span>Grid Editor</span> </div> <div cl ass="dp-body"> <div class="dp-wrapper-available-element"> <h3 class="arrow_box">Product Elements</h3> <ul id="sortable1" class="dp-available-element simple_with_animation vertical" > <li id="displayProduct-title"> <div class="displayProduct-eneble"> <div class="dp_element-head"> <?php echo displayproduct_textdomain('Product_name'); ?> <div class="arrow-down"></div> </div> <div class="dp_element-body"> <label class="dp_element-wrapper" for="dp_title[type]"> <span class="dp_element-label">Link to : </span> <select name="dp_title[type]" class="dp_element-title" id="dp_title[type]"> <option value="link" <?php echo $dp_title['type'] == 'link' ? $s : ''; ?> >Link to Product</option> <option value="none" <?php echo $dp_title['type'] == 'none' ? $s : ''; ?> >none</option> <option value="custom-link" <?php echo $dp_title['type'] == 'custom-link' ? $s : ''; ?> >Custom Link</option> </select> </label> <label class="dp_element-wrapper" for="dp_title[custom_url]"> <span class="dp_element-label">URL : </span> <input type="text" name="dp_title[custom_url]" id="dp_title[custom_url]" placeholder="http://url.com" value="<?php echo $dp_title['custom_url']; ?> "/> </label> <label class="dp_element-wrapper" for="dp_title[font-size]"> <span class="dp_element-label">Font size : </span> <input type="number" name="dp_title[font-size]" id="dp_title[font-size]" placeholder="14" min="1" value="<?php echo $dp_title['font-size'] ? $dp_title['font-size'] : '14'; ?> "/> </label> <label class="dp_element-wrapper" for="dp_title[color]"> <span class="dp_element-label"><?php echo displayproduct_textdomain('Color'); ?> : </span> <input id="dp_title[color]" name="dp_title[color]" type="text" class="dp_picker_color" value="<?php echo $dp_title['color'] ? $dp_title['color'] : '#444444'; ?> " data-default-color="<?php echo $dp_title['color'] ? $dp_title['color'] : '#444444'; ?> "> </label> <label class="dp_element-wrapper" for="dp_title[HoverColor]"> <span class="dp_element-label"><?php echo displayproduct_textdomain('HoverColor'); ?> : </span> <input id="dp_title[HoverColor]" name="dp_title[HoverColor]" type="text" class="dp_picker_color" value="<?php echo $dp_title['HoverColor'] ? $dp_title['HoverColor'] : '#A88F5C'; ?> " data-default-color="<?php echo $dp_title['HoverColor'] ? $dp_title['HoverColor'] : '#A88F5C'; ?> "> </label> </div> </div> </li> <li id="displayProduct-image"> <div class="displayProduct-eneble"> <div class="dp_element-head"> <?php echo displayproduct_textdomain('Image'); ?> <div class="arrow-down"></div> </div> <div class="dp_element-body"> <label class="dp_element-wrapper" for="dp_image[type]"> <span class="dp_element-label">Link to : </span> <select name="dp_image[type]" class="dp_element-image" id=""> <option value="link" <?php echo $dp_image['type'] == 'link' ? $s : ''; ?> >Link to Product</option> <option value="none" <?php echo $dp_image['type'] == 'none' ? $s : ''; ?> >none</option> <option value="custom-link" <?php echo $dp_image['type'] == 'custom-link' ? $s : ''; ?> >Custom Link</option> </select> </label> <label class="dp_element-wrapper" for="dp_image[custom_url]"> <span class="dp_element-label">URL : </span> <input type="text" name="dp_image[custom_url]" id="dp_image[custom_url]" value="<?php echo $dp_image['custom_url'] ? $dp_image['custom_url'] : ''; ?> " placeholder="http://url.com"/> </label> <label class="dp_element-wrapper" for="dp_image[hover_effect]"> <span class="dp_element-label"><?php echo displayproduct_textdomain('Select_Thumbnail_Hover_Effect'); ?> : </span> <select id="dp_image[hover_effect]" name="dp_image[hover_effect]"> <option value="disable"><?php echo displayproduct_textdomain('Disable'); ?> </option> <?php echo dp_the_animation_option_init($dp_image['hover_effect']); ?> </select> </label> <label class="dp_element-wrapper" for="dp_image[width]"> <span class="dp_element-label"><?php echo displayproduct_textdomain('width'); ?> : </span> <input type="number" min="0" name="dp_image[width]" id="dp_image[width]" value="<?php echo $dp_image['width'] ? $dp_image['width'] : '250'; ?> " placeholder="250"/> </label> <label class="dp_element-wrapper" for="dp_image[height]"> <span class="dp_element-label"><?php echo displayproduct_textdomain('height'); ?> : </span> <input type="number" min="0" name="dp_image[height]" id="dp_image[height]" value="<?php echo $dp_image['height'] ? $dp_image['height'] : '250'; ?> " placeholder="250"/> </label> <label class="dp_element-wrapper" for="dp_image[crop]"> <span class="dp_element-label"><?php echo displayproduct_textdomain('Crop'); ?> : </span> <select id="dp_option[crop]" name="dp_option[crop]"> <option value="1" <?php echo $dp_option['crop'] == '1' ? $s : ''; ?> ><?php echo displayproduct_textdomain('Crop'); ?> </option> <option value="0" <?php echo $dp_option['crop'] == '0' ? $s : ''; ?> ><?php echo displayproduct_textdomain('Disable'); ?> </option> </select> </label> </div> </div> </li> <li id="displayProduct-excerpt"><div class="displayProduct-eneble"> <div class="dp_element-head"> <?php echo displayproduct_textdomain('ProductShortDescription'); ?> <div class="arrow-down"></div> </div> <div class="dp_element-body"> <label class="dp_element-wrapper" for="dp_excerpt[lenght]"> <span class="dp_element-label">Char Limit : </span> <input type="number" name="dp_excerpt[lenght]" id="dp_excerpt[lenght]" placeholder="100" value="<?php echo $dp_excerpt['lenght'] ? $dp_excerpt['lenght'] : ''; ?> "/> </label> <label class="dp_element-wrapper" for="dp_excerpt[color]"> <span class="dp_element-label">Color : </span> <input type="text" name="dp_excerpt[color]" id="dp_excerpt[color]" placeholder="20" type="text" class="dp_picker_color" value="<?php echo $dp_excerpt['color'] ? $dp_excerpt['color'] : '#444444'; ?> " data-default-color="<?php echo $dp_excerpt['color'] ? $dp_excerpt['color'] : '#444444'; ?> "/> </label> </div> </div> </li> <li id="displayProduct-date"><div class="displayProduct-eneble"> <div class="dp_element-head"><?php echo displayproduct_textdomain('Date'); ?> </div> </div> </li> <li id="displayProduct-author"><div class="displayProduct-eneble"> <div class="dp_element-head"><?php echo displayproduct_textdomain('Author'); ?> </div> </div> </li> <li id="displayProduct-category"><div class="displayProduct-eneble"> <div class="dp_element-head"><?php echo displayproduct_textdomain('Category'); ?> </div> </div> </li> <li id="displayProduct-tags"><div class="displayProduct-eneble"> <div class="dp_element-head"><?php echo displayproduct_textdomain('Tags'); ?> </div> </div> </li> <li id="displayProduct-price"> <div class="displayProduct-eneble"> <div class="dp_element-head"><?php echo displayproduct_textdomain('Price'); ?> </div> <div class="dp_element-body"> <label class="dp_element-wrapper" for="dp_price[color]"> <span class="dp_element-label">Color : </span> <input type="text" name="dp_price[color]" id="dp_price[color]" placeholder="20" type="text" class="dp_picker_color" value="<?php echo $dp_price['color'] ? $dp_price['color'] : '#444444'; ?> " data-default-color="<?php echo $dp_price['color'] ? $dp_price['color'] : '#444444'; ?> "/> </label> </div> </div> </li> <li id="displayProduct-star"><div class="displayProduct-eneble"> <div class="dp_element-head"><?php echo displayproduct_textdomain('Star'); ?> </div> </div> </li> <li id="displayProduct-sku"><div class="displayProduct-eneble"> <div class="dp_element-head"><?php echo displayproduct_textdomain('SKU'); ?> </div> </div> </li> <li id="displayProduct-button"><div class="dp_element-head"> <?php echo displayproduct_textdomain('Button'); ?> <div class="arrow-down"></div> </div> <div class="dp_element-body"> <label class="dp_element-wrapper" for="dp_addtocartbutton[type]"> <span class="dp_element-label">Add to cart button : </span> <select id="dp_addtocartbutton[type]" class="dp_addtocartbutton_type" name="dp_addtocartbutton[type]"> <option value="default" <?php echo $dp_addtocartbutton['type'] == 'default' ? $s : ''; ?> >Button default</option> <option value="buttonquantity" <?php echo $dp_addtocartbutton['type'] == 'buttonquantity' ? $s : ''; ?> >Button & Quantity</option> <option value="productDetail" <?php echo $dp_addtocartbutton['type'] == 'productDetail' ? $s : ''; ?> >Product Detail</option> <option value="customButton" <?php echo $dp_addtocartbutton['type'] == 'customButton' ? $s : ''; ?> >Custom Button</option> <option value="customText" <?php echo $dp_addtocartbutton['type'] == 'customText' ? $s : ''; ?> >Custom Text: Call for price</option> </select> </label> <label class="dp_element-wrapper" for="dp_addtocartbutton[custom_url]"> <span class="dp_element-label">URL : </span> <input type="text" name="dp_addtocartbutton[custom_url]" value="<?php echo $dp_addtocartbutton['custom_url']; ?> " id="custom_url" placeholder="Button Custom URL"/> </label> <label class="dp_element-wrapper" for="dp_addtocartbutton[custom_text]"> <span class="dp_element-label">Text : </span> <input type="text" name="dp_addtocartbutton[custom_text]" value="<?php echo $dp_addtocartbutton['custom_text']; ?> "id="custom_text" placeholder="Button Custom Text"/> </label> <label class="dp_element-wrapper" for="dp_addtocartbutton[color]"> <span class="dp_element-label">Color : </span> <input id="dp_addtocartbutton[color]" name="dp_addtocartbutton[color]" type="text" class="dp_picker_color" value="<?php echo $dp_addtocartbutton['color'] ? $dp_addtocartbutton['color'] : '#fc5b5b'; ?> " data-default-color="<?php echo $dp_addtocartbutton['color'] ? $dp_addtocartbutton['color'] : '#fc5b5b'; ?> "></td> </label> <label class="dp_element-wrapper" for="dp_addtocartbutton[hovercolor]"> <span class="dp_element-label">Color : </span> <input id="dp_addtocartbutton[hovercolor]" name="dp_addtocartbutton[hovercolor]" type="text" class="dp_picker_color" value="<?php echo $dp_addtocartbutton['hovercolor'] ? $dp_addtocartbutton['hovercolor'] : '#444444'; ?> " data-default-color="<?php echo $dp_addtocartbutton['hovercolor'] ? $dp_addtocartbutton['hovercolor'] : '#444444'; ?> "></td> </label> </div> </li> <li id="displayProduct-meta"><div class="displayProduct-eneble"> <div class="dp_element-head"> <?php echo displayproduct_textdomain('Custom_fields'); ?> <div class="arrow-down"></div> </div> <div class="dp_element-body"> <label class="dp_element-wrapper" for="dp_customfield[meta_key]"> <span class="dp_element-label">Custom field Key : </span> <input type="text" name="dp_customfield[meta_key]" id="dp_customfield[meta_key]" value="<?php echo $dp_customfield['meta_key']; ?> " placeholder="Ex. _sku"/> </label> <label class="dp_element-wrapper" for="dp_customfield[type]"> <span class="dp_element-label">Custom field Type : </span> <select name="dp_customfield[type]" class="dp_element-metatype" id="dp_customfield[type]"> <option value="text" <?php echo $dp_customfield['type'] == 'text' ? $s : ''; ?> >Text</option> <option value="Image" <?php echo $dp_customfield['type'] == 'Image' ? $s : ''; ?> >Image</option> </select> </label> </div> </div> </li> <?php /* <li id="displayProduct-variable"><div class="displayProduct-eneble"> <div class="dp_element-head"> <?php echo displayproduct_textdomain('Variable');?> </div> <div class="dp_element-body"> <label class="dp_element-wrapper" for="dp_customfield[type]"> <span class="dp_element-label">Custom field Type : </span> <input type="number" name="dp_variable[ordinary]" value="<?php echo $dp_variable['ordinary'];?>" id="variable" placeholder="Ex. 1"/> <select name="dp_variable[element]" class="dp_element-metatype" id=""> <option value="vtitle" <?php echo $dp_variable['element']=='vtitle'? $s:'';?>>Title</option> <option value="vprice" <?php echo $dp_variable['element']=='vprice'? $s:'';?>>Price</option> <option value="vsku" <?php echo $dp_variable['element']=='vsku'? $s:'';?>>SKU</option> </select> </div> </div> </li>*/ ?> </ul> </div> <div class="dp-wrapper-editor-zone"> <div class="dp-controle"> <div class="dp-wrapper-customizeLayout"> <div class="dp_option-wrapper"> <span class="dp_option-label"> <label for="dp_option[frontsorter]"><?php echo displayproduct_textdomain('Frontend_Sorter'); ?> </label> </span> <select id="dp_option[frontsorter]" name="dp_option[frontsorter]"> <option value="default" <?php echo $dp_option['frontsorter'] == 'default' ? $s : ''; ?> ><?php echo displayproduct_textdomain('Default'); ?> </option> <option value="disable" <?php echo $dp_option['frontsorter'] == 'disable' ? $s : ''; ?> ><?php echo displayproduct_textdomain('Disable'); ?> </option> </select> </div> <div class="dp_option-wrapper"> <span class="dp_option-label"> <label for="dp_option[pagination]"><?php echo displayproduct_textdomain('Pagination'); ?> </label> </span> <select id="dp_option[pagination]" name="dp_option[pagination]"> <option value="default" <?php echo $dp_option['pagination'] == 'default' ? $s : ''; ?> ><?php echo displayproduct_textdomain('Default'); ?> </option> <option value="disable" <?php echo $dp_option['pagination'] == 'disable' ? $s : ''; ?> ><?php echo displayproduct_textdomain('Disable'); ?> </option> </select> </div> <div class="dp_option-wrapper"> <span class="dp_option-label"> <label for="dp_option[quickview]"><?php echo displayproduct_textdomain('Quickview'); ?> </label> </span> <select id="dp_option[quickview]" name="dp_option[quickview]"> <option value="default" <?php echo $dp_option['quickview'] == 'default' ? $s : ''; ?> ><?php echo displayproduct_textdomain('Default'); ?> </option> <option value="disable" <?php echo $dp_option['quickview'] == 'disable' ? $s : ''; ?> ><?php echo displayproduct_textdomain('Disable'); ?> </option> </select> </div> </div> </div> <div class="dp-editor"> <div><img src="<?php echo DP_URL; ?> assets/images/template-editor/template-editor_28.png" alt=""/></div> <ul id="sortable2" class="dp-use-element simple_with_animation horizontal dropArea" > </ul> </div> </div> <input name="dp_sort-element" id="dp_sort-element" type="hidden" value="<?php echo $dp_sortElement; ?> "> </div> </section> <script type="text/javascript" src="<?php echo admin_url('load-scripts.php'); ?> ?c=1&load%5B%5D=hoverIntent,common,admin-bar,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-draggable,jquery-ui-slider,jquery-touch-p&load%5B%5D=unch,iris,wp-color-picker,svg-painter,heartbeat"></script> <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" /> <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#displayProduct-filter,.dp-selectCategory,.dp-selectTag,.dp-selectShippingClass').select2({ placeholder: "Select a filter" }); /* Select Template Image */ jQuery('.select-template-editor li .dp_select_template').click(function(){ st=jQuery(this).parent().parent(); st.siblings().removeClass('active'); st.addClass('active'); dp_setupDefaultValue(jQuery(this).val()); }); /* Show Hide Section */ jQuery('.dp-head').click(function(){ jQuery(this).next().toggle(); }); /* Show Hide Block */ jQuery('.dp_element-head').click(function(){ jQuery(this).next().toggle(); }); /* * Color Picker */ jQuery('.dp_picker_color').wpColorPicker(); /* * Sortable */ jQuery("ul#sortable1").sortable({ group: '.simple_with_animation', connectWith: ".simple_with_animation", placeholder: "ui-sortable-placeholder", pullPlaceholder: false, helper: 'clone', appendTo: 'ul#sortable2', // animation on drop onDrop: function (item, targetContainer, _super) { var clonedItem = jQuery('<li/>').css({height: 0}) item.before(clonedItem) clonedItem.animate({'height': item.height()}) item.animate(clonedItem.position(), function () { clonedItem.detach() _super(item) }) }, // set item relative to cursor position onDragStart: function ($item, container, _super) { var offset = $item.offset(), pointer = container.rootGroup.pointer adjustment = { left: pointer.left - offset.left, top: pointer.top - offset.top } _super($item, container) }, onDrag: function ($item, position) { $item.css({ left: position.left - adjustment.left, top: position.top - adjustment.top }) } }); jQuery("ul#sortable2").sortable({ group: '.simple_with_animation', connectWith: ".simple_with_animation", placeholder: "ui-sortable-placeholder", pullPlaceholder: false, // animation on drop onDrop: function (item, targetContainer, _super) { var clonedItem = jQuery('<li/>').css({height: 0}) item.before(clonedItem) clonedItem.animate({'height': item.height()}) item.animate(clonedItem.position(), function () { clonedItem.detach() _super(item) }) }, // set item relative to cursor position onDragStart: function ($item, container, _super) { var offset = $item.offset(), pointer = container.rootGroup.pointer adjustment = { left: pointer.left - offset.left, top: pointer.top - offset.top } _super($item, container) }, onDrag: function ($item, position) { $item.css({ left: position.left - adjustment.left, top: position.top - adjustment.top }) }, update: function(event, ui) { var newOrder = jQuery(this).sortable('toArray').toString(); jQuery('#dp_sort-element').val(newOrder); } }); /* * Set default element */ <?php if ($dp_sortElement) { $move_element_ex = explode(",", $dp_sortElement); foreach ($move_element_ex as $move_element) { ?> jQuery("<?php echo '#' . $move_element; ?> ").appendTo("ul#sortable2"); <?php } } ?> /* * Set Up Default Value */ function dp_setupDefaultValue(dpType){ /* * Start element */ if(dpType==='grid') { start_element="#displayProduct-image,#displayProduct-title,#displayProduct-price,#displayProduct-button"; } else if(dpType==='list') { start_element="#displayProduct-image,#displayProduct-title,#displayProduct-price,#displayProduct-button"; } else if(dpType==='box') { start_element="#displayProduct-image,#displayProduct-title,#displayProduct-price,#displayProduct-button"; } else if(dpType==='table') { start_element="#displayProduct-image,#displayProduct-title,#displayProduct-price,#displayProduct-button"; } else if(dpType==='boxCarousel') { start_element="#displayProduct-image,#displayProduct-title,#displayProduct-price,#displayProduct-button"; } else if(dpType==='gridCarousel') { start_element="#displayProduct-image,#displayProduct-title,#displayProduct-price,#displayProduct-button"; } else { start_element="#displayProduct-image,#displayProduct-title,#displayProduct-price,#displayProduct-button"; } /* * Clear element */ var idArray = []; jQuery('ul#sortable2 li').each(function () { //idArray.push('#'+this.id); jQuery('#'+this.id).appendTo("ul#sortable1"); }); /* * Re-append */ jQuery(start_element).appendTo("ul#sortable2"); var newOrder = jQuery("ul#sortable2").sortable('toArray').toString(); jQuery('#dp_sort-element').val(newOrder); } <?php $hideList = ''; $hideList .= $dp_option['filter_condition'] == 'filterproduct' ? '' : 'jQuery(".dp_filter-wrapper").hide();'; $hideList .= $dp_option['category_condition'] == 'customCategory' ? '' : 'jQuery(".dp_category-wrapper").hide();'; $hideList .= $dp_option['tag_condition'] == 'customTag' ? '' : 'jQuery(".dp_tag-wrapper").hide();'; $hideList .= $dp_option['shippingClass_condition'] == 'customShippingClass' ? '' : 'jQuery(".dp_shippingClass-wrapper").hide();'; echo $hideList; ?> jQuery('.table,label[for="dp_image[custom_url]"],.carousel,.addtocartcustom,label[for="dp_title[custom_url]').hide(); jQuery('label[for="dp_addtocartbutton[custom_text]').hide(); jQuery('label[for="dp_addtocartbutton[custom_url]').hide(); /* Product Filter */ jQuery('.allProduct').click(function() { jQuery('.dp_filter-wrapper').fadeOut('fast'); }); jQuery('.filterProduct').click(function() { jQuery('.dp_filter-wrapper').fadeIn('fast'); }); /* Product Category */ jQuery('.allCategory').click(function() { jQuery('.dp_category-wrapper').fadeOut('fast'); }); jQuery('.filterCategory').click(function() { jQuery('.dp_category-wrapper').fadeIn('fast'); }); /* Product Tag */ jQuery('.allTag').click(function() { jQuery('.dp_tag-wrapper').fadeOut('fast'); }); jQuery('.filterTag').click(function() { jQuery('.dp_tag-wrapper').fadeIn('fast'); }); /* Product Shipping Class */ jQuery('.allShippingClass').click(function() { jQuery('.dp_shippingClass-wrapper').fadeOut('fast'); }); jQuery('.filterShippingClass').click(function() { jQuery('.dp_shippingClass-wrapper').fadeIn('fast'); }); /* * Show hide Input box */ jQuery('select.dp_element-title').change(function() { if(jQuery(this).val()=='custom-link'){ jQuery('label[for="dp_title[custom_url]"]').fadeIn('fast'); }else{ jQuery('label[for="dp_title[custom_url]"]').fadeOut('fast'); } }); jQuery('select.dp_element-image').change(function() { if(jQuery(this).val()=='custom-link'){ jQuery('label[for="dp_image[custom_url]"]').fadeIn('fast'); }else{ jQuery('label[for="dp_image[custom_url]"]').fadeOut('fast'); } }); jQuery('select.dp_addtocartbutton_type').change(function() { if(jQuery(this).val()=='customButton'){ jQuery('label[for="dp_addtocartbutton[custom_url]"]').fadeIn('fast'); jQuery('label[for="dp_addtocartbutton[custom_text]"]').fadeIn('fast'); }else if(jQuery(this).val()=='customText'){ jQuery('label[for="dp_addtocartbutton[custom_url]"]').fadeOut('fast'); jQuery('label[for="dp_addtocartbutton[custom_text]"]').fadeIn('fast'); }else{ jQuery('label[for="dp_addtocartbutton[custom_url]"]').fadeOut('fast'); jQuery('label[for="dp_addtocartbutton[custom_text]"]').fadeOut('fast'); } }); }); </script> <?php }