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
}
