How to select multiple images in WooCommerce product add-on
-
This code is for the WooCommerce product add-on plugin
And there needs to be several choices for the image section
I inquired on the WooCommerce site and the plugin page itself, but no one answered me
please help me<?php /** * The Template for displaying image swatches field. * * @version 3.0.0 */ $loop = 0; $field_name = ! empty( $addon['field_name'] ) ? $addon['field_name'] : ''; $required = ! empty( $addon['required'] ) ? $addon['required'] : ''; $current_value = isset( $_POST['addon-' . sanitize_title( $field_name ) ] ) ? wc_clean( $_POST[ 'addon-' . sanitize_title( $field_name ) ] ) : ''; ?> <p class="form-row form-row-wide wc-pao-addon-wrap wc-pao-addon-<?php echo sanitize_title( $field_name ); ?>"> <p class="form-row form-row-wide wc-pao-addon-wrap wc-pao-addon-<?php echo sanitize_title( $field_name ) . '-' . $i; ?>"> <?php if ( empty( $required ) ) { ?> <a href="#" title="<?php echo esc_attr__( 'None', 'woocommerce-product-addons' ); ?>" class="wc-pao-addon-image-swatch" data-value="" data-price=""> <img />" /> </a> <?php } ?> <?php foreach ( $addon['options'] as $i => $option ) { $loop++; $price = ! empty( $option['price'] ) ? $option['price'] : ''; $price_prefix = 0 < $price ? '+' : ''; $price_type = $option['price_type']; $price_raw = apply_filters( 'woocommerce_product_addons_option_price_raw', $price, $option ); if ( 'percentage_based' === $price_type ) { $price_tip = $price_prefix . $price_raw . '%'; $price_display = apply_filters( 'woocommerce_product_addons_option_price', $price_raw ? '(' . $price_prefix . $price_raw . '%)' : '', $option, $i, 'image' ); } else { $price_tip = $price_prefix . wc_price( WC_Product_Addons_Helper::get_product_addon_price_for_display( $price_raw ) ); $price_display = apply_filters( 'woocommerce_product_addons_option_price', $price_raw ? '(' . $price_prefix . wc_price( WC_Product_Addons_Helper::get_product_addon_price_for_display( $price_raw ) ) . ')' : '', $option, $i, 'image' ); } $image_src = wp_get_attachment_image_src( $option['image'], apply_filters( 'woocommerce_product_addons_image_swatch_size', 'thumbnail', $option ) ); ?> <a href="#">" class="wc-pao-addon-image-swatch" data-value="<?php echo sanitize_title( $option['label'] ) . '-' . $loop; ?> " data-price="<?php echo esc_attr( '<span class="wc-pao-addon-image-swatch-price">' . wptexturize( $option['label'] ) . ' ' . $price_display . '</span>' ); ?>"> <img />" /> </a> <?php } ?> <select class="wc-pao-addon-image-swatch-select wc-pao-addon-field" name="addon-<?php echo sanitize_title( $field_name ); ?>"> <?php if ( empty( $required ) ) { ?> <option value=""><?php esc_html_e( 'None', 'woocommerce-product-addons' ); ?></option> <?php } else { ?> <option value=""><?php esc_html_e( 'Select an option...', 'woocommerce-product-addons' ); ?></option> <?php } $loop = 0; foreach ( $addon['options'] as $i => $option ) { $loop++; $price = ! empty( $option['price'] ) ? $option['price'] : ''; $price_raw = apply_filters( 'woocommerce_product_addons_option_price_raw', $price, $option ); $price_type = ! empty( $option['price_type'] ) ? $option['price_type'] : ''; $label = ! empty( $option['label'] ) ? $option['label'] : ''; $price_for_display = apply_filters( 'woocommerce_product_addons_option_price', $price_raw ? '(' . wc_price( WC_Product_Addons_Helper::get_product_addon_price_for_display( $price_raw ) ) . ')' : '', $option, $i, 'image' ); $price_display = WC_Product_Addons_Helper::get_product_addon_price_for_display( $price_raw ); if ( 'percentage_based' === $price_type ) { $price_display = $price_raw; } ?> <option data-raw-price="<?php echo esc_attr( $price_raw ); ?>" data-price="<?php echo esc_attr( $price_display ); ?>" data-price-type="<?php echo esc_attr( $price_type ); ?> " value="<?php echo sanitize_title( $option['label'] ) . '-' . $loop; ?>" data-label="<?php echo esc_attr( wptexturize( $label ) ); ?>"> <?php echo wptexturize( $label ) . ' ' . $price_for_display; ?></option> <?php } ?> </select> </p>
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘How to select multiple images in WooCommerce product add-on’ is closed to new replies.