Title: Как добавить корзину в модальное окно?
Last modified: 06.02.2022

---

# Как добавить корзину в модальное окно?

 *  [hypero](https://ru.wordpress.org/support/users/hypero/)
 * (@hypero)
 * [4 года, 8 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%b8%d1%82%d1%8c-%d0%ba%d0%be%d1%80%d0%b7%d0%b8%d0%bd%d1%83-%d0%b2-%d0%bc%d0%be%d0%b4%d0%b0%d0%bb%d1%8c%d0%bd%d0%be%d0%b5-%d0%be%d0%ba%d0%bd%d0%be/)
 * Всем доброго дня. Нужно добавить корзину в модальное окно. Скопировал код из 
   cart.php в модальное окно, но при обновлении количества товаров на другой странице
   просто происходит перезагрузка страницы.
 *     ```
       <form class="woocommerce-cart-form" action="<?php echo esc_url( wc_get_cart_url() ); ?>" method="post">
       <?php do_action( 'woocommerce_before_cart_table' ); ?>
   
       <table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents" cellspacing="0">
           <thead>
               <tr>
                   <th class="product-remove">&nbsp;</th>
                   <th class="product-thumbnail">&nbsp;</th>
                   <th class="product-name"><?php esc_html_e( 'Product', 'woocommerce' ); ?></th>
                   <th class="product-price"><?php esc_html_e( 'Price', 'woocommerce' ); ?></th>
                   <th class="product-quantity"><?php esc_html_e( 'Quantity', 'woocommerce' ); ?></th>
                   <th class="product-subtotal"><?php esc_html_e( 'Subtotal', 'woocommerce' ); ?></th>
               </tr>
           </thead>
           <tbody>
   
               <?php
               foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
                   $_product   = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
                   $product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );
   
                   if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_cart_item_visible', true, $cart_item, $cart_item_key ) ) {
                       $product_permalink = apply_filters( 'woocommerce_cart_item_permalink', $_product->is_visible() ? $_product->get_permalink( $cart_item ) : '', $cart_item, $cart_item_key );
                       ?>
                       <tr class="woocommerce-cart-form__cart-item <?php echo esc_attr( apply_filters( 'woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key ) ); ?>">
   
                           <td class="product-remove">
                               <?php
                                   echo apply_filters( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
                                       'woocommerce_cart_item_remove_link',
                                       sprintf(
                                           '<a href="%s" class="remove" aria-label="%s" data-product_id="%s" data-product_sku="%s">&times;</a>',
                                           esc_url( wc_get_cart_remove_url( $cart_item_key ) ),
                                           esc_html__( 'Remove this item', 'woocommerce' ),
                                           esc_attr( $product_id ),
                                           esc_attr( $_product->get_sku() )
                                       ),
                                       $cart_item_key
                                   );
                               ?>
                           </td>
   
                           <td class="product-thumbnail">
                           <?php
                           $thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key );
   
                           if ( ! $product_permalink ) {
                               echo $thumbnail; // PHPCS: XSS ok.
                           } else {
                               printf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $thumbnail ); // PHPCS: XSS ok.
                           }
                           ?>
                           </td>
   
                           <td class="product-name" data-title="<?php esc_attr_e( 'Product', 'woocommerce' ); ?>">
                           <?php
                           if ( ! $product_permalink ) {
                               echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key ) . '&nbsp;' );
                           } else {
                               echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $_product->get_name() ), $cart_item, $cart_item_key ) );
                           }
   
                           do_action( 'woocommerce_after_cart_item_name', $cart_item, $cart_item_key );
   
                           // Meta data.
                           echo wc_get_formatted_cart_item_data( $cart_item ); // PHPCS: XSS ok.
   
                           // Backorder notification.
                           if ( $_product->backorders_require_notification() && $_product->is_on_backorder( $cart_item['quantity'] ) ) {
                               echo wp_kses_post( apply_filters( 'woocommerce_cart_item_backorder_notification', '<p class="backorder_notification">' . esc_html__( 'Available on backorder', 'woocommerce' ) . '</p>', $product_id ) );
                           }
                           ?>
                           </td>
   
                           <td class="product-price" data-title="<?php esc_attr_e( 'Price', 'woocommerce' ); ?>">
                               <?php
                                   echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.
                               ?>
                           </td>
   
                           <td class="product-quantity" data-title="<?php esc_attr_e( 'Quantity', 'woocommerce' ); ?>">
                           <?php
                           if ( $_product->is_sold_individually() ) {
                               $product_quantity = sprintf( '1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key );
                           } else {
                               $product_quantity = woocommerce_quantity_input(
                                   array(
                                       'input_name'   => "cart[{$cart_item_key}][qty]",
                                       'input_value'  => $cart_item['quantity'],
                                       'max_value'    => $_product->get_max_purchase_quantity(),
                                       'min_value'    => '0',
                                       'product_name' => $_product->get_name(),
                                   ),
                                   $_product,
                                   false
                               );
                           }
   
                           echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key, $cart_item ); // PHPCS: XSS ok.
                           ?>
                           </td>
   
                           <td class="product-subtotal" data-title="<?php esc_attr_e( 'Subtotal', 'woocommerce' ); ?>">
                               <?php
                                   echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.
                               ?>
                           </td>
                       </tr>
                       <?php
                   }
               }
               ?>
   
               <?php do_action( 'woocommerce_cart_contents' ); ?>
   
               <tr>
                   <td colspan="6" class="actions">
   
                       <?php if ( wc_coupons_enabled() ) { ?>
                           <div class="coupon">
                               <label for="coupon_code"><?php esc_html_e( 'Coupon:', 'woocommerce' ); ?></label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="<?php esc_attr_e( 'Coupon code', 'woocommerce' ); ?>" /> <button type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?>"><?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?></button>
                               <?php do_action( 'woocommerce_cart_coupon' ); ?>
                           </div>
                       <?php } ?>
   
                       <button type="submit" class="button" name="update_cart" value="<?php esc_attr_e( 'Update cart', 'woocommerce' ); ?>"><?php esc_html_e( 'Update cart', 'woocommerce' ); ?></button>
   
                   </td>
               </tr>
   
           </tbody>
       </table>
       ```
   
 * В чем может скрываться проблема?
 * Страница, с которой нужна помощь: _[[войдите](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fru.wordpress.org%2Fsupport%2Ftopic%2F%25D0%25BA%25D0%25B0%25D0%25BA-%25D0%25B4%25D0%25BE%25D0%25B1%25D0%25B0%25D0%25B2%25D0%25B8%25D1%2582%25D1%258C-%25D0%25BA%25D0%25BE%25D1%2580%25D0%25B7%25D0%25B8%25D0%25BD%25D1%2583-%25D0%25B2-%25D0%25BC%25D0%25BE%25D0%25B4%25D0%25B0%25D0%25BB%25D1%258C%25D0%25BD%25D0%25BE%25D0%25B5-%25D0%25BE%25D0%25BA%25D0%25BD%25D0%25BE%2F%3Foutput_format%3Dmd&locale=ru_RU),
   чтобы увидеть ссылку]_

 Тема «Как добавить корзину в модальное окно?» закрыта для новых ответов.

 * Форум: [WooCommerce](https://ru.wordpress.org/support/forum/woocommerce/)
 * 0 ответов
 * 0 участников
 * Последний ответ: [hypero](https://ru.wordpress.org/support/users/hypero/)
 * Последняя активность: [4 года, 8 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%b8%d1%82%d1%8c-%d0%ba%d0%be%d1%80%d0%b7%d0%b8%d0%bd%d1%83-%d0%b2-%d0%bc%d0%be%d0%b4%d0%b0%d0%bb%d1%8c%d0%bd%d0%be%d0%b5-%d0%be%d0%ba%d0%bd%d0%be/)
 * Статус: нерешённая

## Темы

### Самые популярные темы

### Темы без ответов

### Без вопроса

### Решённые

### Нерешённые

### Все темы