Hoe voeg je een afbeelding toe bij woocommerce producteigenschappen?

voor gevorderden, webshop

Bij de (voorwaarden van) eigenschappen kun je standaard geen afbeelding toevoegen.

Soms wil je die wel gebruiken.

Dat kan met de plugin Advanced Custom Fields (https://nl.wordpress.org/plugins/advanced-custom-fields/) en een stukje code in de functions.php van je thema:

(bron: https://wordpress.stackexchange.com/questions/302352/is-it-possible-to-add-custom-fields-to-a-woocommerce-attribute-term/302384)

// Adds a custom rule type.
add_filter( 'acf/location/rule_types', function( $choices ){
    $choices[ __("Other",'acf') ]['wc_prod_attr'] = 'WC Product Attribute';
    return $choices;
} );

// Adds custom rule values.
add_filter( 'acf/location/rule_values/wc_prod_attr', function( $choices ){
    foreach ( wc_get_attribute_taxonomies() as $attr ) {
        $pa_name = wc_attribute_taxonomy_name( $attr->attribute_name );
        $choices[ $pa_name ] = $attr->attribute_label;
    }
    return $choices;
} );

// Matching the custom rule.
add_filter( 'acf/location/rule_match/wc_prod_attr', function( $match, $rule, $options ){
    if ( isset( $options['taxonomy'] ) ) {
        if ( '==' === $rule['operator'] ) {
            $match = $rule['value'] === $options['taxonomy'];
        } elseif ( '!=' === $rule['operator'] ) {
            $match = $rule['value'] !== $options['taxonomy'];
        }
    }
    return $match;
}, 10, 3 );

De settings in de ACF plugin

Geef het veld een naam en stel de instellingen in die je wilt gebruiken

Stel daarna in waar het veld te zien moet zijn (om het in te vullen). Dat is in dit geval bij de product eigenschap / product attribute.

Je kunt nu bij een (term van een) eigenschap een afbeelding toevoegen.

De afbeelding gebruiken in Divi

De afbeelding kun je nu gebruiken in Divi (bijvoorbeeld in de themabouwer of als achtergrond).

Wil je ook niet-zo-regelmatig nuttige tips voor je website, WordPress en marketing? Schrijf je hier in: