Skip to content

Instantly share code, notes, and snippets.

@patrickposner

patrickposner/functions.php

Last active June 22, 2022 12:05
Show Gist options
  • Save patrickposner/e38ba77b51c17e6d19eb925fbedd743f to your computer and use it in GitHub Desktop.
Save patrickposner/e38ba77b51c17e6d19eb925fbedd743f to your computer and use it in GitHub Desktop.
Download ZIP
Adding a custom description for WooCommerce Attributes.
Raw
functions.php
<?php
function add_description_attribute_field() {
$id = isset( $_GET['edit'] ) ? absint( $_GET['edit'] ) : 0;
$value = $id ? get_option( "wc_attribute_custom_description-$id" ) : '';
?>
<tr class="form-field">
<th scope="row" valign="top">
<label for="custom-description"><?php esc_html_e('Description', ''); ?></label>
</th>
<td>
<?php
wp_editor( $value , "wc_attribute_custom_description-$id", array(
'wpautop' => true,
'media_buttons' => false,
'textarea_name' => 'custom_description',
'editor_class' => 'my_custom_class',
'textarea_rows' => 10
) );
?>
</td>
</tr>
<?php
}
add_action( 'woocommerce_after_add_attribute_fields', 'add_description_attribute_field' );
add_action( 'woocommerce_after_edit_attribute_fields', 'add_description_attribute_field' );
function save_description_attribute_field( $id ) {
if ( is_admin() && isset( $_POST['custom_description'] ) ) {
$option = "wc_attribute_custom_description-$id";
update_option( $option, $_POST['custom_description'] );
}
}
add_action( 'woocommerce_attribute_added', 'save_description_attribute_field' );
add_action( 'woocommerce_attribute_updated', 'save_description_attribute_field' );
Raw
variable.php
<?php
/**
* Variable product add to cart
*
* This template can be overridden by copying it to yourtheme/woocommerce/single-product/add-to-cart/variable.php.
*
* HOWEVER, on occasion WooCommerce will need to update template files and you
* (the theme developer) will need to copy the new files to your theme to
* maintain compatibility. We try to do this as little as possible, but it does
* happen. When this occurs the version of the template file will be bumped and
* the readme will list any important changes.
*
* @see https://docs.woocommerce.com/document/template-structure/
* @package WooCommerce/Templates
* @version 3.5.5
*/
defined( 'ABSPATH' ) || exit;
global $product;
$swatches_use_variation_images = woodmart_get_opt( 'swatches_use_variation_images' );
$grid_swatches_attribute = woodmart_grid_swatches_attribute();
$attribute_keys = array_keys( $attributes );
$variations_json = wp_json_encode( $available_variations );
$form_classes = '';
if ( woodmart_get_opt( 'swatches_labels_name' ) ) {
$form_classes .= ' wd-swatches-name';
}
woodmart_enqueue_js_library( 'tooltips' );
woodmart_enqueue_js_script( 'btns-tooltips' );
woodmart_enqueue_js_script( 'swatches-variations' );
do_action( 'woocommerce_before_add_to_cart_form' ); ?>
<form class="variations_form cart<?php echo esc_attr( $form_classes ); ?>" method="post" enctype='multipart/form-data' data-product_id="<?php echo absint( $product->get_id() ); ?>" data-product_variations="<?php echo function_exists( 'wc_esc_json' ) ? wc_esc_json( $variations_json ) : _wp_specialchars( $variations_json, ENT_QUOTES, 'UTF-8', true ); ?>">
<?php do_action( 'woocommerce_before_variations_form' ); ?>
<?php if ( empty( $available_variations ) && false !== $available_variations ) : ?>
<p class="stock out-of-stock"><?php esc_html_e( 'This product is currently out of stock and unavailable.', 'woocommerce' ); ?></p>
<?php else : ?>
<table class="variations" cellspacing="0">
<tbody>
<?php $loop = 0; foreach ( $attributes as $attribute_name => $options ) : $loop++; ?>
<?php
$swatches = woodmart_has_swatches( $product->get_id(), $attribute_name, $options, $available_variations, $swatches_use_variation_images);
$active_variations = woodmart_get_active_variations( $attribute_name, $available_variations );
?>
<tr>
<td class="label">
<label for="<?php echo esc_attr( sanitize_title( $attribute_name ) ); ?>">
<?php echo wc_attribute_label( $attribute_name ); ?>
</label>
<span class="wd-attr-selected"></span>
<?php
$attr_id = wc_attribute_taxonomy_id_by_name($attribute_name );
$description = get_option( "wc_attribute_custom_description-$attr_id" );
?>
<?php if ( ! empty( $description ) ) : ?>
<p><?php echo $description; ?></p>
<?php endif; ?>
</td>
<td class="value <?php if ( ! empty( $swatches ) ): ?>with-swatches<?php endif; ?>">
<?php if ( ! empty( $swatches ) ): ?>
<div class="swatches-select swatches-on-single" data-id="<?php echo esc_attr( sanitize_title( $attribute_name ) ); ?>">
<?php
if ( is_array( $options ) ) {
if ( isset( $_REQUEST[ 'attribute_' . $attribute_name ] ) ) {
$selected_value = $_REQUEST[ 'attribute_' . $attribute_name ];
} elseif ( isset( $selected_attributes[ $attribute_name ] ) ) {
$selected_value = $selected_attributes[ $attribute_name ];
} else {
$selected_value = '';
}
// Get terms if this is a taxonomy - ordered
if ( taxonomy_exists( $attribute_name ) ) {
$terms = wc_get_product_terms( $product->get_id(), $attribute_name, array( 'fields' => 'all' ) );
$swatch_size = woodmart_wc_get_attribute_term( $attribute_name, 'swatch_size' );
$_i = 0;
$options_fliped = array_flip( $options );
foreach ( $terms as $term ) {
if ( ! in_array( $term->slug, $options ) ) {
continue;
}
$key = $options_fliped[$term->slug];
$style = '';
$class = 'wd-swatch swatch-on-single ';
$class .= woodmart_get_old_classes( ' woodmart-swatch ' );
if( ! empty( $swatches[$key]['color'] )) {
$class .= 'swatch-with-bg';
if ( ! woodmart_get_opt( 'swatches_labels_name' ) ) {
$class .= ' wd-tooltip';
}
$style = 'background-color:' . $swatches[$key]['color'];
} else if( $swatches_use_variation_images && $grid_swatches_attribute == $attribute_name && isset( $swatches[$key]['image_src'] ) ) {
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $swatches[$key]['variation_id'] ), 'woocommerce_thumbnail');
if ( !empty( $thumb ) ) {
$style = 'background-image: url(' . $thumb[0] . ')';
$class .= ' swatch-with-bg';
if ( ! woodmart_get_opt( 'swatches_labels_name' ) ) {
$class .= ' wd-tooltip';
}
}
} else if ( ! empty( $swatches[$key]['image'] ) && ( ! is_array( $swatches[$key]['image'] ) || ( is_array( $swatches[$key]['image'] ) && $swatches[$key]['image']['id'] ) ) ) {
if ( is_array( $swatches[$key]['image'] ) && $swatches[$key]['image']['id'] ) {
$swatches[$key]['image'] = wp_get_attachment_image_url( $swatches[$key]['image']['id'], 'full' );
}
$class .= 'swatch-with-bg';
$style = 'background-image: url(' . $swatches[$key]['image'] . ')';
if ( ! woodmart_get_opt( 'swatches_labels_name' ) ) {
$class .= ' wd-tooltip';
}
} else if( ! empty( $swatches[$key]['not_dropdown'] ) ) {
$class .= ' text-only';
}
$class .= ' swatch-size-' . $swatch_size;
if ( $selected_value == $term->slug ) {
$class .= ' active-swatch';
}
if ( 'yes' === get_option( 'woocommerce_hide_out_of_stock_items' ) && $active_variations ) {
if ( in_array( $term->slug, $active_variations ) ) {
$class .= ' swatch-enabled';
} else {
$class .= ' swatch-disabled';
}
}
$title = woodmart_get_opt( 'swatches_labels_name' ) ? 'title="' . $term->name . '"' : '';
echo '<div class="' . esc_attr( $class ) . '" ' . $title . ' data-value="' . esc_attr( $term->slug ) . '" data-title="' . esc_attr( $term->name ) . '" ' . selected( sanitize_title( $selected_value ), sanitize_title( $term->slug ), false ) . ' style="' . esc_attr( $style ) .'">' . apply_filters( 'woocommerce_variation_option_name', $term->name ) . '</div>';
$_i++;
}
} else {
foreach ( $options as $option ) {
$class = '';
if ( $selected_value == $option ) {
$class .= ' active-swatch';
}
if ( 'yes' === get_option( 'woocommerce_hide_out_of_stock_items' ) && $active_variations ) {
if ( in_array( $term->slug, $active_variations ) ) {
$class .= ' swatch-enabled';
} else {
$class .= ' swatch-disabled';
}
}
$title = woodmart_get_opt( 'swatches_labels_name' ) ? 'title="' . $term->name . '"' : '';
echo '<div class="' . esc_attr( $class ) . '" ' . $title . ' data-value="' . esc_attr( sanitize_title( $option ) ) . '" data-title="' . esc_attr( $term->name ) . '" ' . selected( sanitize_title( $selected_value ), sanitize_title( $option ), false ) . '>' . esc_html( apply_filters( 'woocommerce_variation_option_name', $option ) ) . '</div>';
}
}
}
?>
</div>
<?php endif; ?>
<?php
wc_dropdown_variation_attribute_options( array(
'options' => $options,
'attribute' => $attribute_name,
'product' => $product,
) );
echo end( $attribute_keys ) === $attribute_name ? wp_kses_post( apply_filters( 'woocommerce_reset_variations_link', '<a class="reset_variations" href="#">' . esc_html__( 'Clear', 'woocommerce' ) . '</a>' ) ) : '';
?>
</td>
</tr>
<?php endforeach;?>
</tbody>
</table>
<div class="single_variation_wrap">
<?php
/**
* Hook: woocommerce_before_single_variation.
*/
do_action( 'woocommerce_before_single_variation' );
/**
* Hook: woocommerce_single_variation. Used to output the cart button and placeholder for variation data.
* @since 2.4.0
* @hooked woocommerce_single_variation - 10 Empty div for variation data.
* @hooked woocommerce_single_variation_add_to_cart_button - 20 Qty and cart button.
*/
do_action( 'woocommerce_single_variation' );
/**
* Hook: woocommerce_after_single_variation.
*/
do_action( 'woocommerce_after_single_variation' );
?>
</div>
<?php endif; ?>
<?php do_action( 'woocommerce_after_variations_form' ); ?>
</form>
<?php do_action( 'woocommerce_after_add_to_cart_form' ); ?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment