New to the community? Start here

Change the look of "variation field"

How can I change the look of the “select”-input of the “variation field”? I like to have a table for each option with a separate submit button.

I like to hack, but it should be update compatible? :wink:

Tue, 10 Nov 2015 20:16:05

Michael Bissett
- Recruit
- 1,518 pts: Hero points 11,180 pts: Rep. points LEVEL 28
Hey @flinkthink, Michael here! :slight_smile:

At the moment, hacking would be required in order to make the changes you’re looking to make. From looking at the code here, I’d say that the first place for you to look would be in lines 589-596 of:

/marketpress/includes/common/class-mp-product.php

Hope this helps! :slight_smile:

Kind Regards,

Michael
flinkthink
- Flash Drive
- 15 pts: Hero points 37 pts: Rep. points LEVEL 2
Hi Michael

Thanks for your fast reply! But if I change something there, my hack will be gone with an update of marketpress. How can I avoid this?

Best,

Michael

flinkthink

Flash Drive

15 pts: Hero points 37 pts: Rep. points LEVEL 2

I’ve started with something like:

add_filter('attribute_fields', 'wpmu_custom_attribute_fields', 15, 2 );

function wpmu_custom_attribute_fields( $echo = true, $selected_atts = array() ) {

...

}

But unfortunately it doesn’t work… :slight_frown: Any ideas?

Jude
- DEV MAN
- 1,218 pts: Hero points 11,004 pts: Rep. points LEVEL 28
Howdy @flinkthink

1) Yup editing that file directly will break the edits on updates, you can use the filter or simply manipulate the DOM on the front using JS.

2) Alternately you can use the filter below to change the HTML before it gets displayed
```
$html = apply_filters( 'mp_product/attribute_fields', $html, $this );
```
Cheers

Jude
flinkthink
- Flash Drive
- 15 pts: Hero points 37 pts: Rep. points LEVEL 2
Hi Jude

Thanks for your reply. Where do I need to but in the 2) option?

Cheers

Michael
Jude
- DEV MAN
- 1,218 pts: Hero points 11,004 pts: Rep. points LEVEL 28
Hey @flinkthink

Im guessing you mean put in the above post. Just copy/paste the code into the functions.php file of your child theme or a site specific plugin if you use one.

Don’t forget you need to modify the $html in a function you write. I just gave you the filter

https://codex.wordpress.org/Plugin_API/Filter_Reference

Cheers

Jude

flinkthink

Flash Drive

15 pts: Hero points 37 pts: Rep. points LEVEL 2

Ok, here is my code in function.php.

But it doesn’t work:

add_filter('attribute_fields', 'wpmu_custom_attribute_fields', 10, 2 );

function wpmu_custom_attribute_fields( $echo = true, $selected_atts = array() ) {

$atts = $this->get_attributes();



$html = '';

$html .= '<table class="table"><thead><tr><th>'.__( 'Datum', 'newhorizons').'</th><th>'.__( 'Zeit', 'newhorizons').'</th><th>'.__( 'Standort', 'newhorizons').'</th><th>'.__( 'Variante', 'newhorizons').'</th><th></th></tr></thead>';

foreach ( $atts as $slug => $att ) {



$index = 0;

foreach ( $att['terms'] as $term_id => $term_name ) {

$required = ( $index == 0 );

$checked  = ( $term_id == mp_arr_get_value( $slug, $selected_atts ) );

//$html .= $this->attribute_option( $term_id, $term_name, $slug, $required, $checked );

$teile = explode(";", $term_name);

$html .= '<tr><td>'.$teile[0].'</td><td>'.$teile[1].'</td><td>'.$teile[2].'</td><td>'.$teile[3].'</td>



<td>

<form id="mp-buy-product-' . $this->ID . '-form" class="mp_form mp_form-buy-product ' . ( $no_single ? 'mp_no_single' : '' ) . ' ' . ( $mp_buy_button ? 'mp_buy_button' : '' ) . '" method="post" data-ajax-url="' . admin_url( 'admin-ajax.php?action=mp_update_cart' ) . '" action="' . mp_cart_link( false, true ) . '">

<input type="hidden" value="'.$term_id.'" name="'.$slug.'">

<button class="btn" name="buynow" type="submit">'.__( '<i class="fa fa-cart-plus"></i>', 'newhorizons').'</button>

</form></td></tr>';

$index ++;

}

}

$html .= '</table>';



$input_id = 'mp_product_options_att_quantity';



$product = new MP_Product( $this->ID );



if ( $product->is_download() && mp_get_setting( 'download_order_limit' ) == '1' ) {

$disabled = 'disabled';

} else {

$disabled = '';

}



$per_order_limit = get_post_meta( $this->ID, 'per_order_limit', true );



$max              = '';

$product_quantity = 1;



if ( $product->has_variations() ) {



} else {



if ( is_numeric( $per_order_limit ) ) {

$max = 'max="' . esc_attr( $per_order_limit ) . '"';

} else {

$max = 'max="' . esc_attr( $this->max_product_quantity() ) . '"';

}



$cart_items = mp_cart()->get_all_items();



if ( isset( $cart_items[ get_current_blog_id() ] ) ) {

if ( isset( $cart_items[ get_current_blog_id() ][ $this->ID ] ) ) {//item is located in the cart

$cart_quantity = $cart_items[ get_current_blog_id() ][ $this->ID ];

if ( is_numeric( $per_order_limit ) ) {

$max_product_quantity = $per_order_limit - $cart_quantity;

if ( $max_product_quantity == 0 ) {

$product_quantity = 0;

$max              = 'max="' . esc_attr( $max_product_quantity ) . '"';

$disabled         = 'disabled';

} else {

$max = 'max="' . esc_attr( $max_product_quantity ) . '"';

}

} else {

$max = 'max="' . esc_attr( $this->max_product_quantity() ) . '"';

}

}

}

}



if ( $this->max_product_quantity() == 0 ) {

$min_value        = 0;

$product_quantity = 0;

$disabled         = 'disabled';

} else {

$min_value = 1;

}



$html = apply_filters( 'mp_product/attribute_fields', $html, $this );



if ( $echo ) {

echo $html;

} else {

return $html;

}

}

Jude

DEV MAN

1,218 pts: Hero points 11,004 pts: Rep. points LEVEL 28

Hi again @flinkthink

Can you change the first line FROM

add_filter('attribute_fields', 'wpmu_custom_attribute_fields', 10, 2 );

add_filter('mp_product/attribute_fields', 'wpmu_custom_attribute_fields', 999 , 2 );

Cheers

Jude

Change the look of "variation field"

Learn more

In The WordPress

Resources

Blog

Learn more

How do you rate me?

Thank you for rating your experience!