השורטקוד שבסרטון:
ה-PHP שבסרטון:
add_filter( 'woocommerce_loop_add_to_cart_link', 'quantity_inputs_for_loop_ajax_add_to_cart', 10, 2 );
function quantity_inputs_for_loop_ajax_add_to_cart( $html, $product ) {
if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
// Get the necessary classes
$class = implode( ' ', array_filter( array(
'button',
'product_type_' . $product->get_type(),
$product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' : '',
$product->supports( 'ajax_add_to_cart' ) ? 'ajax_add_to_cart' : '',
) ) );
// Embedding the quantity field to Ajax add to cart button
$html = sprintf( '%s%s',
woocommerce_quantity_input( array(), $product, false ),
esc_url( $product->add_to_cart_url() ),
esc_attr( isset( $quantity ) ? $quantity : 1 ),
esc_attr( $product->get_id() ),
esc_attr( $product->get_sku() ),
esc_attr( isset( $class ) ? $class : 'button' ),
esc_html( $product->add_to_cart_text() )
);
}
return $html;
}
add_action( 'wp_footer' , 'archives_quantity_fields_script' );
function archives_quantity_fields_script(){
?>
ה-CSS שבסרטון:
#btn .add_to_cart_inline {
padding: 0px !important;
margin: 0px;
border: 0px !important;
}
#btn{
height: 48px;
text-align: center;
}
#btn .quantity input{
width: 50px;
border-radius: 100px;
}
#btn .quantity{
display: inline-block;
}
#btn button{
width: 100% ;
height: 48px;
margin-right: 10px;
}
#btn a:hover{
background-color: #E12EB9;
}
#btn a.wc-forward{
display: none;
}
עשיתי את כל השלבים לפי הסרטון, אבל הכפתור לא עובד לי
וגם השורטקוד שמתחת לסרטון לא מופיע משום מה