Jacek Pyziak
61aae81845
- Implemented phone number normalization and validation in custom_js.js. - Added alert class to phone input on validation failure. - Disabled confirm button until a valid phone number is entered. - Updated custom.scss to style alert state for phone input. - Modified footer.tpl to include a new custom JavaScript file. - Updated head.tpl to reflect the new version of custom.css. - Minor formatting adjustments in existing CSS and JS files.
1 line
10 KiB
Plaintext
1 line
10 KiB
Plaintext
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"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","file":"custom.css","sourcesContent":[".an_banner {\r\n position: relative;\r\n\r\n .an_banner-link {\r\n position: absolute;\r\n inset: 0;\r\n }\r\n}\r\n\r\n#tc-container,\r\n#tc-container-mobile {\r\n .text {\r\n position: static !important;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 0;\r\n padding-right: 5px;\r\n }\r\n\r\n .custom-checkbox {\r\n span.label {\r\n font-size: 14px;\r\n display: block;\r\n }\r\n }\r\n\r\n .field-label {\r\n font-size: 14px;\r\n }\r\n\r\n .checkout-block {\r\n padding: 0 15px;\r\n }\r\n\r\n #thecheckout-html-box-1 {\r\n display: none !important;\r\n }\r\n\r\n #select-widget {\r\n width: 100% !important;\r\n }\r\n\r\n .delivery-options .row.delivery-option {\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .delivery-option-detail,\r\n .payment-option {\r\n * {\r\n font-size: 14px !important;\r\n }\r\n }\r\n}\r\n\r\n.top-bar {\r\n background: #ff0f1c;\r\n color: #FFF !important;\r\n display: flex;\r\n gap: 10px;\r\n justify-content: center;\r\n width: 100%;\r\n\r\n .text-container {\r\n width: 100%;\r\n display: flex;\r\n gap: 10px;\r\n justify-content: center;\r\n }\r\n\r\n div.text {\r\n text-align: center;\r\n width: fit-content;\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n#checkout .card {\r\n background: #FFF !important;\r\n}\r\n\r\n#tc-container {\r\n margin-top: 25px;\r\n\r\n .checkout-area-2 {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .blocks {\r\n border: 1px solid #eee;\r\n padding: 15px;\r\n }\r\n\r\n .checkout-area-4 {\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .checkout-area-9 {\r\n margin-bottom: 10px;\r\n gap: 10px;\r\n }\r\n\r\n .checkout-block {\r\n #main {\r\n .block-header {\r\n padding: 0 !important;\r\n }\r\n\r\n .cart-grid {\r\n margin: 0 !important;\r\n\r\n .card {\r\n padding: 0 !important;\r\n }\r\n\r\n .cart-detailed-totals {\r\n background: #FFF !important;\r\n }\r\n\r\n .promo-highlighted {\r\n margin-top: 15px;\r\n padding-top: 15px;\r\n border-top: 1px solid #d3d3d3;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @media (max-width: 825px) {\r\n .blocks {\r\n display: none !important;\r\n }\r\n }\r\n}\r\n\r\n#tc-container-mobile,\r\n#tc-container {\r\n\r\n .custom-checkbox {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .block-header.account-header,\r\n .block-header.address-name-header,\r\n .block-header.shipping-method-header,\r\n .block-header.payment-method-header {\r\n padding: 0 !important;\r\n margin-bottom: 10px;\r\n\r\n &::before {\r\n background: #ff0f1c !important;\r\n color: #FFF !important;\r\n border: 0 !important;\r\n }\r\n }\r\n\r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"password\"],\r\n input[type=\"tel\"],\r\n textarea,\r\n select {\r\n border: 1px solid #d3d3d3;\r\n border-radius: 4px;\r\n padding: 10px;\r\n height: 40px;\r\n line-height: 20px;\r\n font-size: 14px;\r\n width: 100%;\r\n color: #000;\r\n\r\n &::placeholder {\r\n color: #999 !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n &:focus {\r\n border-color: #7c7c7c !important;\r\n }\r\n }\r\n\r\n .cart-line-product-quantity {\r\n width: 60px !important;\r\n }\r\n\r\n .suggestion:hover,\r\n .selected {\r\n background: #FFF !important;\r\n }\r\n\r\n .remaining-amount-to-free-shipping-container {\r\n margin-bottom: 10px;\r\n }\r\n\r\n a.cart-line-product-quantity-up,\r\n a.cart-line-product-quantity-down {\r\n height: 40px !important;\r\n width: 35px !important;\r\n border: 1px solid #d3d3d3 !important;\r\n margin-left: 3px;\r\n margin-right: 3px;\r\n background-size: 30% !important;\r\n }\r\n\r\n .delivery-options-list.shipping-selected {\r\n #select-widget {\r\n border: 0 !important;\r\n }\r\n }\r\n\r\n .block-promo .promo-input-button .promo-input+button {\r\n flex-basis: auto;\r\n }\r\n\r\n #thecheckout-newsletter {\r\n display: none !important;\r\n }\r\n\r\n .custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {\r\n color: #ff0f1c;\r\n font-size: 20px;\r\n }\r\n}\r\n\r\nbody.compact-cart #tc-container .qty-container .qty-box {\r\n transform: none !important;\r\n margin-bottom: 5px;\r\n}\r\n\r\n#tc-container-mobile {\r\n .checkout-block {\r\n padding: 0 !important;\r\n }\r\n\r\n .card.cart-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .product-line-actions {\r\n padding-top: 0 !important;\r\n }\r\n\r\n .product-line-price {\r\n display: none !important;\r\n }\r\n\r\n .cart-detailed-totals {\r\n background: #FFF !important;\r\n }\r\n\r\n .card.cart-summary {\r\n padding: 0 !important;\r\n background: #FFF !important;\r\n }\r\n\r\n .delivery-options-list.shipping-selected {\r\n #select-widget {\r\n padding-left: 10px;\r\n background-image: none !important;\r\n }\r\n }\r\n\r\n #promo-code {\r\n .promo-input-button {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n height: fit-content !important;\r\n }\r\n }\r\n\r\n .promo-code {\r\n form {\r\n width: 100% !important;\r\n }\r\n }\r\n}\r\n\r\nbody.compact-cart #tc-container .product-line-actions {\r\n flex-basis: auto;\r\n}\r\n\r\n.product-line-delete {\r\n .remove-from-cart {\r\n display: flex !important;\r\n height: 40px;\r\n width: 35px;\r\n justify-content: center;\r\n align-items: center;\r\n border: 1px solid #d3d3d3;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .product-line-qty,\r\n .product-line-price,\r\n .product-line-delete {\r\n padding: 0 !important\r\n }\r\n\r\n .product-line-body {\r\n padding-left: 5px !important;\r\n }\r\n}\r\n\r\n.amenu-item .amenu-link {\r\n padding: 20px;\r\n}\r\n\r\n@media (min-width: 767px) {\r\n .btn-search-open {\r\n display: none !important;\r\n }\r\n\r\n .header-top {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n padding: 0 15px;\r\n max-width: 1920px;\r\n margin: auto;\r\n\r\n .navigation {\r\n width: 100%;\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 100%;\r\n\r\n .anav-top {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n #_desktop_logo {\r\n width: 300px;\r\n padding: 10px;\r\n\r\n a {\r\n display: block;\r\n\r\n .logo {\r\n max-height: unset !important;\r\n width: 100% !important;\r\n height: auto;\r\n max-width: 300px !important;\r\n }\r\n }\r\n }\r\n\r\n #_desktop_search_widget {\r\n width: calc(100% - 300px);\r\n display: flex;\r\n align-items: center;\r\n\r\n #search_widget {\r\n position: static;\r\n width: 100%;\r\n\r\n form {\r\n position: static;\r\n display: flex;\r\n justify-content: flex-end;\r\n width: 100%;\r\n\r\n input[name=\"s\"] {\r\n width: 100%;\r\n max-width: 600px;\r\n }\r\n\r\n button {\r\n position: static;\r\n background: #ff0f1c;\r\n display: flex;\r\n width: 48px;\r\n width: 48px;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n i {\r\n color: #FFF !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.an_homeproducts-products {\r\n .products.owl-carousel {\r\n .owl-dots {\r\n display: none !important;\r\n }\r\n\r\n .owl-nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-top: 0;\r\n top: -35px;\r\n position: absolute;\r\n width: 100%;\r\n\r\n >div {\r\n background: none;\r\n border-radius: 0;\r\n border: 1px solid #c8c8c8;\r\n height: 35px;\r\n width: 35px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.js-an_homeproducts-block {\r\n margin-bottom: 25px !important;\r\n}\r\n\r\nbody#product {\r\n .featured-products {\r\n >h2 {\r\n display: none !important;\r\n }\r\n }\r\n}\r\n\r\n.form-control.alert {\r\n border: 1px solid #cc0000 !important;\r\n}"]} |