kyndof

Search site

시작하기Log in
<script>
  document.addEventListener('DOMContentLoaded', function() {
		
    // Identify Buttons
    const mainButton = document.querySelector('.scheme-switch-alpha__button--main');
    const altButton = document.querySelector('.scheme-switch-alpha__button--alt');
    
    // Set Focus on Click With Slight Delay
    altButton.addEventListener('click', function() {
      setTimeout(function() {
        mainButton.focus();
      }, 1);
    });
    mainButton.addEventListener('click', function() {
      setTimeout(function() {
        altButton.focus();
      }, 1);
    });
  });
</script>
지금 시작하기

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. 

<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