Cart

장바구니

    상품 가격 수량 소계

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit lobortis arcu enim urna adipiscing praesent velit viverra sit semper lorem eu cursus vel hendrerit elementum morbi curabitur etiam nibh justo, lorem aliquet donec sed sit mi dignissim at ante massa mattis. 

장바구니 합계

소계 ₩0
총계 ₩0
결제 진행하기 
<style>
  /* -- The root styles must go in the element section of the structure with the name "Cart". --*/
  
.cart-2 {
    /*-- Cart items styles --*/
    .cart-2__items {
        /* Border bottom styles */
        thead,
        .cart_item {
            border-color: var(--neutral-trans-40);
        }

        thead {
            /* Padding bottom in titles */
            th {
                padding-block-end: var(--space-xs);
            }
        }

        tbody {
            /* Spacing between (top and bottom) cart elements */
            td {
                padding-block: var(--space-m);

                /* Mobile styles */
                @media (max-width: 767px) {
                    padding-block: var(--space-xs);
                }
            }

            /* Image product styles */
            .product-thumbnail img {
                object-fit: cover;
                object-position: 50%;
                border: 1px solid var(--neutral);
                border-radius: var(--radius-xs);
            }

            /* Product name styles */
            .product-name a {
                font-weight: 700;
            }

            /* Form Quantity */
            .product-quantity {
                /* Border color */
                .quantity {
                    border-color: var(--neutral-trans-50);

                    .qty {
                        border-color: inherit;
                    }
                    .action {
                        border-color: inherit;

                        /* Border radius */
                        &.minus {
                            border-radius: var(--radius-xs) 0 0 var(--radius-xs);
                        }

                        &.plus {
                            border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
                        }
                    }
                }
            }

            /* Buttons and discount styles */
            .actions {
                padding: var(--space-m) 0 0 0;

                /* Form coupon styles */
                .coupon {
                    gap: var(--space-xs);
                    align-items: stretch;

                    #coupon_code {
                        line-height: 150%;
                        padding: var(--space-xs);
                        font-size: var(--text-xs);
                        border-radius: var(--radius-xs);
                        border-color: var(--neutral-trans-50);

                        &:focus {
                            border-color: var(--neutral);
                        }

                        /* Placeholder styles */
                        &::placeholder {
                            color: var(--neutral-trans-40);
                        }
                    }
                }

                .button {
                    line-height: 150%;
                    padding: var(--space-xs) var(--space-s);

                    &:disbled {
                        opacity: 0.3;
                    }
                }
            }
        }
    }

    /*-- Cart totals styles --*/
    .cart-2__totals {
        table {
            border-color: var(--neutral-trans-40);

            /* Shipping totals */
            .woocommerce-shipping-totals.shipping {
                th {
                    font-weight: 700;
                    font-size: var(--text-s);
                    color: var(--neutral);
                }

                td {
                    /* Shipping info styles */
                    text-align: end;
                    font-size: var(--text-s);
                    color: var(--neutral);

                    /* Anchor change address styles */
                    .woocommerce-shipping-calculator
                        .shipping-calculator-button {
                        font-weight: 700;
                    }
                }
            }
        }

        .wc-proceed-to-checkout {
            .checkout-button {
                width: 100%;
                padding: var(--space-xs) var(--space-m);
                line-height: 150%;

                @media (max-width: 767px) {
                    padding: var(--space-s) var(--space-m);
                }
            }
        }
    }
}

</style>

Send Close