Funcție de estimare livrare în WooCommerce fără plugin-uri

O funcție destul de importantă pentru cei care folosesc WooCommerce, este afișarea perioadei de livrare, pentru a nu mai folosi tot felul de plugin-uri, puteți folosi următorul cod:

function loc_delivery_field() {
woocommerce_wp_text_input( array(
'id' => '_delivery_field',
'label' => 'Estimare Livrare: ',
'description' => 'Introduceți numărul de zile estimat.',
'desc_tip' => 'true',
'placeholder' => 'Nr de zile.'
) );
}
add_action( 'woocommerce_product_options_general_product_data', 'loc_delivery_field' );


function loc_delivery_save_field( $post_id ) {
if ( ! empty( $_POST['_delivery_field'] ) ) {
update_post_meta( $post_id, '_delivery_field', esc_attr( $_POST['_delivery_field'] ) );
}
}
add_action( 'woocommerce_process_product_meta', 'loc_delivery_save_field' );


function loc_delivery_value() {
global $product;
echo '<p id="deliveryinfo"><b>Estimare Livrare:</b> ' .
esc_html( get_post_meta( get_the_ID(), '_delivery_field', true ) ) . '2-3 zile.</p>'; }
add_action( 'woocommerce_before_add_to_cart_button', 'loc_delivery_value' );

Codul se adaugă în fișierul functions.php al child theme, imediat după <?php

După ce adăugați codul, funcția va apărea ca un add on la WooCommerce în pagina produsului.

estimare livrare woocommerce

Desigur, după ce adăugați codul îl puteți stiliza cu următorul cod CSS:

#deliveryinfo {
    background-color: #4CAF50;
    border: none;
    border-radius: 8px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

După adăugarea codului CSS, funcția va fi afișată sub formă de buton, cel de culoare verde din imagine, dar vă puteți adăuga propriul cod CSS, dacă cel făcut de mine nu vă place.

buton estimare livrare woocommerce

Dacă îți place conținutul, susține blogul cu un Like & Share!

Comentarii

Din aceiași categorie

Close
Close