public function init_attribute_image_selector()
{
global $woocommerce, $_wp_additional_image_sizes;
$screen = get_current_screen();
if (strpos($screen->id, 'pa_') !== false) {
$this->taxonomy = $_REQUEST['taxonomy'];
if (taxonomy_exists($_REQUEST['taxonomy'])) {
$term_id = term_exists(isset($_REQUEST['tag_ID']) ? $_REQUEST['tag_ID'] : 0, $_REQUEST['taxonomy']);
$term = 0;
if ($term_id) {
$term = get_term($term_id, $_REQUEST['taxonomy']);
}
$this->image_size = apply_filters('woocommerce_get_swatches_image_size', $this->image_size, $_REQUEST['taxonomy'], $term_id);
}
$the_size = isset($_wp_additional_image_sizes[$this->image_size]) ? $_wp_additional_image_sizes[$this->image_size] : $_wp_additional_image_sizes['shop_thumbnail'];
if (isset($the_size['width']) && isset($the_size['height'])) {
$this->image_width = $the_size['width'];
$this->image_height = $the_size['height'];
} else {
$this->image_width = 32;
$this->image_height = 32;
}
$attribute_taxonomies = WC_Swatches_Compatibility::wc_get_attribute_taxonomies();
if ($attribute_taxonomies) {
foreach ($attribute_taxonomies as $tax) {
add_action('pa_' . $tax->attribute_name . '_add_form_fields', array(&$this, 'woocommerce_add_attribute_thumbnail_field'));
add_action('pa_' . $tax->attribute_name . '_edit_form_fields', array(&$this, 'woocommerce_edit_attributre_thumbnail_field'), 10, 2);
add_filter('manage_edit-pa_' . $tax->attribute_name . '_columns', array(&$this, 'woocommerce_product_attribute_columns'));
add_filter('manage_pa_' . $tax->attribute_name . '_custom_column', array(&$this, 'woocommerce_product_attribute_column'), 10, 3);
}
}
}
}
public function on_admin_init()
{
if (isset($_REQUEST['taxonomy'])) {
$this->taxonomy = $_REQUEST['taxonomy'];
}
$attribute_taxonomies = WC_Swatches_Compatibility::wc_get_attribute_taxonomies();
if ($attribute_taxonomies) {
foreach ($attribute_taxonomies as $tax) {
add_action('pa_' . $tax->attribute_name . '_add_form_fields', array(&$this, 'woocommerce_add_attribute_thumbnail_field'));
add_action('pa_' . $tax->attribute_name . '_edit_form_fields', array(&$this, 'woocommerce_edit_attributre_thumbnail_field'), 10, 2);
add_filter('manage_edit-pa_' . $tax->attribute_name . '_columns', array(&$this, 'woocommerce_product_attribute_columns'));
add_filter('manage_pa_' . $tax->attribute_name . '_custom_column', array(&$this, 'woocommerce_product_attribute_column'), 10, 3);
}
}
}
public function render_product_tab_content()
{
global $woocommerce, $post;
global $_wp_additional_image_sizes;
add_filter('woocommerce_variation_is_visible', array($this, 'return_true'));
$post_id = $post->ID;
if (function_exists('get_product')) {
$product = get_product($post->ID);
} else {
$product = new WC_Product($post->ID);
}
$product_type_array = array('variable', 'variable-subscription');
if (!in_array($product->product_type, $product_type_array)) {
return;
}
$swatch_type_options = get_post_meta($post_id, '_swatch_type_options', true);
$swatch_type = get_post_meta($post_id, '_swatch_type', true);
$swatch_size = get_post_meta($post_id, '_swatch_size', true);
if (!$swatch_type_options) {
$swatch_type_options = array();
}
if (!$swatch_type) {
$swatch_type = 'standard';
}
if (!$swatch_size) {
$swatch_size = 'swatches_image_size';
}
echo '<div class="options_group">';
?>
<div class="fields_header">
<table class="wcsap widefat">
<thead>
<th class="attribute_swatch_label">
<?php
_e('Product Attribute Name', 'wc_swatches_and_photos');
?>
</th>
<th class="attribute_swatch_type">
<?php
_e('Attribute Control Type', 'wc_swatches_and_photos');
?>
</th>
</thead>
</table>
</div>
<div class="fields">
<?php
$woocommerce_taxonomies = WC_Swatches_Compatibility::wc_get_attribute_taxonomies();
$woocommerce_taxonomy_infos = array();
foreach ($woocommerce_taxonomies as $tax) {
$woocommerce_taxonomy_infos[WC_Swatches_Compatibility::wc_attribute_taxonomy_name($tax->attribute_name)] = $tax;
}
$tax = null;
$attributes = $product->get_variation_attributes();
//Attributes configured on this product already.
if ($attributes && count($attributes)) {
$attribute_names = array_keys($attributes);
foreach ($attribute_names as $name) {
$key = md5(sanitize_title($name));
$old_key = sanitize_title($name);
$key_attr = md5(str_replace('-', '_', sanitize_title($name)));
$current_is_taxonomy = taxonomy_exists($name);
$current_type = 'default';
$current_type_description = 'None';
$current_size = 'swatches_image_size';
$current_layout = 'default';
$current_size_height = '32';
$current_size_width = '32';
$current_label = 'Unknown';
$current_options = false;
if (isset($swatch_type_options[$key])) {
$current_options = $swatch_type_options[$key];
} elseif (isset($swatch_type_options[$old_key])) {
$current_options = $swatch_type_options[$old_key];
}
if ($current_options) {
$current_size = $current_options['size'];
$current_type = $current_options['type'];
$current_layout = isset($current_options['layout']) ? $current_options['layout'] : 'default';
if ($current_type != 'default') {
$current_type_description = $current_type == 'term_options' ? __('Taxonomy Colors and Images', 'wc_swatches_and_photos') : __('Custom Product Colors and Images', 'wc_swatches_and_photos');
}
}
$the_size = isset($_wp_additional_image_sizes[$current_size]) ? $_wp_additional_image_sizes[$current_size] : $_wp_additional_image_sizes['swatches_image_size'];
if (isset($the_size['width']) && isset($the_size['height'])) {
$current_size_width = $the_size['width'];
$current_size_height = $the_size['height'];
} else {
$current_size_width = 32;
$current_size_height = 32;
}
$attribute_terms = array();
if (taxonomy_exists($name)) {
$tax = get_taxonomy($name);
$woocommerce_taxonomy = $woocommerce_taxonomy_infos[$name];
$current_label = isset($woocommerce_taxonomy->attribute_label) && !empty($woocommerce_taxonomy->attribute_label) ? $woocommerce_taxonomy->attribute_label : $woocommerce_taxonomy->attribute_name;
$terms = get_terms($name, array('hide_empty' => false));
$selected_terms = isset($attributes[$name]) ? $attributes[$name] : array();
foreach ($terms as $term) {
if (in_array($term->slug, $selected_terms)) {
$attribute_terms[] = array('id' => md5($term->slug), 'label' => $term->name, 'old_id' => $term->slug);
}
}
} else {
$current_label = esc_html($name);
foreach ($attributes[$name] as $term) {
$attribute_terms[] = array('id' => md5(sanitize_title(strtolower($term))), 'label' => esc_html($term), 'old_id' => esc_attr(sanitize_title($term)));
}
}
?>
<div class="field">
<div class="wcsap_field_meta">
<table class="wcsap widefat">
<tbody>
<tr>
<td class="attribute_swatch_label">
<strong><a class="wcsap_edit_field row-title" href="javascript:;"><?php
echo $current_label;
?>
</a></strong>
</td>
<td class="attribute_swatch_type">
<?php
echo $current_type_description;
?>
</td>
</tr>
</tbody>
</table>
</div>
<div class="field_form_mask">
<div class="field_form">
<table class="wcsap_input widefat wcsap_field_form_table">
<tbody>
<tr class="attribute_swatch_type">
<td class="label">
<label for="_swatch_type_options_<?php
echo $key_attr;
?>
_type">Type</label>
</td>
<td>
<select class="_swatch_type_options_type" id="_swatch_type_options_<?php
echo $key_attr;
?>
_type" name="_swatch_type_options[<?php
echo $key;
?>
][type]">
<option <?php
selected($current_type, 'default');
?>
value="default">None</option>
<?php
if ($current_is_taxonomy) {
?>
<option <?php
selected($current_type, 'term_options');
?>
value="term_options"><?php
_e('Taxonomy Colors and Images', 'wc_swatches_and_photos');
?>
</option>
<?php
}
?>
<option <?php
selected($current_type, 'product_custom');
?>
value="product_custom"><?php
_e('Custom Colors and Images', 'wc_swatches_and_photos');
?>
</option>
</select>
</td>
</tr>
<tr class="field_option field_option_product_custom field_option_term_options" style="<?php
echo $current_type != 'product_custom' && $current_type != 'term_options' ? 'display:none;' : '';
?>
">
<td class="label">
<label for="_swatch_type_options_<?php
echo $key_attr;
?>
_layout">Layout</label>
</td>
<td>
<?php
$layouts = array('default' => __('No Label', 'wc_swatches_and_photos'), 'label_above' => __('Show label above', 'wc_swatches_and_photos'));
?>
<select name="_swatch_type_options[<?php
echo $key;
?>
][layout]">
<?php
foreach ($layouts as $layout => $layout_name) {
?>
<option <?php
selected($current_layout, $layout);
?>
value="<?php
echo $layout;
?>
"><?php
echo $layout_name;
?>
</option>
<?php
}
?>
</select>
</td>
</tr>
<tr class="field_option field_option_product_custom" style="<?php
echo $current_type != 'product_custom' ? 'display:none;' : '';
?>
">
<td class="label">
<label for="_swatch_type_options_<?php
echo $key_attr;
?>
_size">Size</label>
</td>
<td>
<?php
$image_sizes = get_intermediate_image_sizes();
?>
<select id="_swatch_type_options_pa_color_size" name="_swatch_type_options[<?php
echo $key;
?>
][size]">
<?php
foreach ($image_sizes as $size) {
?>
<option <?php
selected($current_size, $size);
?>
value="<?php
echo $size;
?>
"><?php
echo $size;
?>
</option>
<?php
}
?>
</select>
</td>
</tr>
<tr class="field_option field_option_term_default" style="<?php
echo $current_type != 'default' ? 'display:none;' : '';
?>
">
<td class="label">
</td>
<td>
<p>
<?php
_e('WooCommerce default select boxes will be used for this product attribute', 'wc_swatches_and_photos');
?>
</p>
</td>
</tr>
<tr class="field_option field_option_term_options" style="<?php
echo $current_type != 'term_options' ? 'display:none;' : '';
?>
">
<td class="label">
</td>
<td>
<p>
<?php
printf(__('The color swatch and image configuration will be used from the %s taxonomy. Navigate to Products -> Attributes to edit the shared swatches and images for this product attribute.', 'wc_swatches_and_photos'), $current_label);
?>
</p>
</td>
</tr>
<tr class="field_option field_option_product_custom" style="<?php
echo $current_type != 'product_custom' ? 'display:none;' : '';
?>
">
<td class="label">
<label>Attribute Configuration</label>
</td>
<td>
<div class="product_custom">
<div class="fields_header">
<table class="wcsap widefat">
<thead>
<th class="attribute_swatch_preview">
<?php
_e('Preview', 'wc_swatches_and_photos');
?>
</th>
<th class="attribute_swatch_label">
<?php
_e('Attribute', 'wc_swatches_and_photos');
?>
</th>
<th class="attribute_swatch_type">
<?php
_e('Type', 'wc_swatches_and_photos');
?>
</th>
</thead>
</table>
</div>
<div class="fields">
<?php
foreach ($attribute_terms as $attribute_term) {
?>
<?php
$attribute_term['id'] = $attribute_term['id'];
$current_attribute_type = 'color';
$current_attribute_color = '#FFFFFF';
$current_attribute_image_src = WC_Swatches_Compatibility::wc_placeholder_img_src();
$current_attribute_image_id = 0;
$current_attribute_options = false;
if (isset($current_options['attributes'][$attribute_term['id']])) {
$current_attribute_options = isset($current_options['attributes'][$attribute_term['id']]) ? $current_options['attributes'][$attribute_term['id']] : false;
} elseif (isset($current_options['attributes'][$attribute_term['old_id']])) {
$current_attribute_options = isset($current_options['attributes'][$attribute_term['old_id']]) ? $current_options['attributes'][$attribute_term['old_id']] : false;
}
if ($current_attribute_options) {
$current_attribute_type = $current_attribute_options['type'];
$current_attribute_color = $current_attribute_options['color'];
$current_attribute_image_id = $current_attribute_options['image'];
if ($current_attribute_image_id) {
$current_attribute_image_src = wp_get_attachment_image_src($current_attribute_image_id, $current_size);
$current_attribute_image_src = $current_attribute_image_src[0];
}
} elseif ($current_is_taxonomy) {
}
?>
<div class="sub_field field">
<div class="wcsap_field_meta">
<table class="wcsap widefat">
<tbody>
<td class="attribute_swatch_preview">
<div class="select-option swatch-wrapper">
<a id="_swatch_type_options_<?php
echo $key_attr;
?>
_<?php
echo $attribute_term['id'];
?>
_color_preview_image" href="javascript:;"
class="image"
style="width:16px;height:16px;<?php
echo $current_attribute_type == 'image' ? '' : 'display:none;';
?>
">
<img src="<?php
echo $current_attribute_image_src;
?>
" class="wp-post-image" width="16px" height="16px" />
</a>
<a id="_swatch_type_options_<?php
echo $key_attr;
?>
_<?php
echo $attribute_term['id'];
?>
_color_preview_swatch" href="javascript:;"
class="swatch"
style="text-indent:-9999px;width:16px;height:16px;background-color:<?php
echo $current_attribute_color;
?>
;<?php
echo $current_attribute_type == 'color' ? '' : 'display:none;';
?>
"><?php
echo $attribute_term['label'];
?>
</a>
</div>
</td>
<td class="attribute_swatch_label">
<strong><a class="wcsap_edit_field row-title" href="javascript:;"><?php
echo $attribute_term['label'];
?>
</a></strong>
</td>
<td class="attribute_swatch_type">
<?php
_e('Color Swatch', 'wc_swatches_and_photos');
?>
</td>
<tbody>
</table>
</div>
<div class="field_form_mask">
<div class="field_form">
<table class="wcsap_input widefat">
<tbody>
<tr class="attribute_swatch_type">
<td class="label">
<label for="_swatch_type_options_<?php
echo $key_attr;
?>
_<?php
echo esc_attr($attribute_term['id']);
?>
">
<?php
_e('Attribute Color or Image', 'wc_swatches_and_photos');
?>
</label>
</td>
<td>
<select class="_swatch_type_options_attribute_type" id="_swatch_type_options_<?php
echo $key_attr;
?>
_<?php
echo esc_attr($attribute_term['id']);
?>
_type" name="_swatch_type_options[<?php
echo $key;
?>
][attributes][<?php
echo esc_attr($attribute_term['id']);
?>
][type]">
<option <?php
selected($current_attribute_type, 'color');
?>
value="color">Color</option>
<option <?php
selected($current_attribute_type, 'image');
?>
value="image">Image</option>
</select>
</td>
</tr>
<tr class="field_option field_option_color" style="<?php
echo $current_attribute_type == 'color' ? '' : 'display:none;';
?>
">
<td class="label">
<label><?php
_e('Color', 'wc_swatches_and_photos');
?>
</label>
</td>
<td class="section-color-swatch">
<div id="_swatch_type_options_<?php
echo $key_attr;
?>
_<?php
echo $attribute_term['id'];
?>
_color_picker" class="colorSelector"><div></div></div>
<input class="woo-color" id="_swatch_type_options_<?php
echo $key_attr;
?>
_<?php
echo $attribute_term['id'];
?>
_color" type="text" class="text" name="_swatch_type_options[<?php
echo $key;
?>
][attributes][<?php
echo esc_attr($attribute_term['id']);
?>
][color]" value="<?php
echo $current_attribute_color;
?>
" />
</td>
</tr>
<tr class="field_option field_option_image" style="<?php
echo $current_attribute_type == 'image' ? '' : 'display:none;';
?>
">
<td class="label">
<label><?php
_e('Image', 'wc_swatches_and_photos');
?>
</label>
</td>
<td>
<div style="line-height:60px;">
<div id="_swatch_type_options_<?php
echo $key_attr;
?>
_<?php
echo $attribute_term['id'];
?>
_image_thumbnail" style="float:left;margin-right:10px;">
<img src="<?php
echo $current_attribute_image_src;
?>
" alt="<?php
_e('Thumbnail Preview', 'wc_swatches_and_photos');
?>
" class="wp-post-image swatch-photopa_colour_swatches_id" width="<?php
echo '16px';
?>
" height="<?php
echo '16px';
?>
">
</div>
<input class="upload_image_id" type="hidden" id="_swatch_type_options_<?php
echo $key_attr;
?>
_<?php
echo $attribute_term['id'];
?>
_image" name="_swatch_type_options[<?php
echo $key;
?>
][attributes][<?php
echo esc_attr($attribute_term['id']);
?>
][image]" value="<?php
echo $current_attribute_image_id;
?>
" />
<button type="submit" class="upload_image_button button" rel="<?php
echo $post_id;
?>
"><?php
_e('Upload/Add image', 'woocommerce');
?>
</button>
<button type="submit" class="remove_image_button button" rel="<?php
echo $post_id;
?>
"><?php
_e('Remove image', 'woocommerce');
?>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<?php
}
} else {
echo '<p>' . __('Add a at least one attribute / variation combination to this product that has been configured with color swatches or photos. After you add the attributes from the "Attributes" tab and create a variation, save the product and you will see the option to configure the swatch or photo picker here.', 'wc_swatches_and_photos') . '</p>';
}
?>
</div>
<?php
echo '</div>';
$this->do_javascript();
parent::render_product_tab_content();
remove_filter('woocommerce_variation_is_visible', array($this, 'return_true'));
}
