edit css 19_09

themes/contrib/estore/css/styles.css

@@ -251,6 +251,7 @@ header .link_content .field--type-text-with-summary p {
 
 .region-middle-header {
   min-width: 100%;
+  margin-top: 5px;
 }
 
 .region-middle-header .main-menu {
@@ -868,7 +869,7 @@ header.navbar .category-menu ul.menu.litte-menu {
 }
 
 #scrollUp {
-  background: #c40316 none repeat scroll 0 0;
+  background: #e94537 none repeat scroll 0 0;
   bottom: 85px;
   color: #ffffff;
   overflow: hidden;
@@ -1000,7 +1001,7 @@ header.navbar .category-menu ul.menu.litte-menu {
 
 .block-region-top-categories img {
   width: 100%;
-  height: 140px;
+  height: 143px;
   object-fit: cover;
   margin-bottom: 15px;
   /* max-width: 350px; */
@@ -1054,13 +1055,13 @@ header.navbar .category-menu ul.menu.litte-menu {
 }
 
 .hl-link-img {
-  /* background: #f3c09a; */
-  z-index: -1;
+  background: white;
+  z-index: 53;
   position: absolute;
-  top: 4px;
+  top: 2px;
   right: 19px;
   border-radius: 50%;
-  padding: 5px;
+  padding: 8px;
 }
 
 .cart-form .table-responsive .views-field-edit-quantity .form-group input[type=number] {
@@ -1087,13 +1088,13 @@ header.navbar .category-menu ul.menu.litte-menu {
 }
 
 .hl-link img {
-  height: 35px;
+  height: 34px;
   right: 15px;
+  padding: 1px;
 }
 
 header .link_content {
-  /* background: #eb5335; */
-  /* background-color: #ea442c; */
+      background: #e94537;
   height: 57px;
   display: block;
   font-size: 14px;
@@ -1109,14 +1110,12 @@ header .link_content {
 }
 
 header .link_content a {
-  color: #E94536 !important;
+  color: white !important;
   font-size: 26px;
   display: block;
 }
 
-/* header .link_content a:hover {
-  color: white;
-} */
+
 .pin {
   border: 2.5px solid #e94537;
   border-radius: 4px;
@@ -1328,19 +1327,22 @@ header.navbar .block-search-navigation .search-icon {
 }
 
 .region-middle-header .form-group {
-  display: block !important;
-  /* position: relative; */
+      display: inline-block !important;
 }
 
 .region-middle-header button .button-label {
   display: none;
 }
-
+@media (max-width: 1250px){
+  .middle-header-wrapper .region-left-middle-header .branding-block .site-title .name{
+    font-size: 26px;
+  }
+}
 .region-middle-header input {
   border: 1.75px solid #e94537;
   /* background: #fcdb99; */
   width: 100% !important;
-  height: 48px;
+  height: 42px;
   color: #333;
   font-size: 14px;
   font-weight: 400;
@@ -1353,24 +1355,28 @@ header.navbar .block-search-navigation .search-icon {
   margin-left: 0;
   margin-top: 5px;
 }
-
+.region-middle-header .form-group{
+  max-width: calc(100% - 100px);
+}
 .region-middle-header button {
   font-size: 20px;
-  text-transform: uppercase;
-  border: 0;
-  position: absolute;
-  top: 0px;
-  bottom: -2px;
-  right: -13px;
-  background: #e94537;
-  color: #fff;
-  font-weight: 600;
-  padding: 0 20px;
-  min-width: 95px;
-  border-radius: 0 5px 5px 0;
-  -webkit-transition: 0.3s;
-  transition: 0.3s;
-  max-height: 48px;
+      text-transform: uppercase;
+      border: 0;
+      /* position: absolute; */
+      /* top: 0px; */
+      /* bottom: -2px; */
+      right: -47px;
+      background: #e94537;
+      color: #fff;
+      font-weight: 600;
+      padding: 0 20px;
+      width: 85px;
+      border-radius: 0 5px 5px 0;
+      -webkit-transition: 0.3s;
+      transition: 0.3s;
+      max-height: 48px;
+      height: 42px;
+      margin-left: -10px;
 }
 
 .iti--allow-dropdown input[type=tel], .iti--allow-dropdown {
@@ -11716,7 +11722,7 @@ header.navbar .category-menu ul.menu.hide-block.product {
   align-items: center;
   justify-content: space-between;
   padding-left: 12px !important;
-  padding-right: 29px !important;
+  padding-right: 8px !important;
   border-bottom: 1px solid #ddd;
 }
 
@@ -12994,11 +13000,25 @@ article.commerce-product.full .product-right .field--name-field-category>div {
 article.commerce-product.full .product-right .field--name-field-category .field--item {
   display: inline-block;
 }
-
+.tab-content #description .description-content{
+  font-size: 16px
+}
+.table-responsive table tbody tr td.views-align-left{
+  text-align: left ;
+}
 article.commerce-product.full .product-right .field--name-field-category .field--item:after {
-  content: ",";
+  content: "/";
+margin: 0 5px 0 10px;
+font-size: 21px;
+}
+.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper{
+      margin-bottom: 50px;
+}
+@media (max-width: 1200px){
+  .cart-form .table-responsive{
+    min-height: auto !important;
+  }
 }
-
 article.commerce-product.full .product-right .field--name-field-category .field--item:last-child:after {
   content: "";
 }
@@ -13303,8 +13323,29 @@ article.commerce-product.teaser .product-title {
   margin-bottom: 20px !important;
 }
 
+.table-responsive table tbody tr td button {
+  margin-bottom: 0;
+}
+.checkout-pane .order-total-line.noti{
+  display: block !important;
+}
+.checkout-pane .order-total-line.noti h4{
+  font-size: 15px;
+}
+.checkout-complete__payment-instructions .continue-commerce {
+  margin-top: 50px;
+font-size: 20px;
+text-align: center;
+}
+.checkout-complete__payment-instructions .btn {
+  font-size: 16px;
+padding: 10px 20px;
+}
 .table-responsive table tbody tr td {
-  line-height: 50px !important
+  line-height: 28px !important;
+padding: 10px 2px 10px 15px;
+text-align: left !important;
+      vertical-align: middle;
 }
 
 .order-total-line {

themes/contrib/estore/js/custom.js

@@ -130,7 +130,11 @@ for (i = 0; i < acc.length; i++) {
   }
 
   // $(".region-middle-bottom-header button").text(" ")
-
+  let cartText = $("#block-cart .my-cart-wrap .cart-total");
+  if (cartText.text() === "0,00 USD"){
+    cartText.text("0 VNĐ")
+  }
+  console.log(cartText);
   var textPrice = $(".field--name-price");
   for (let i = 0; i < textPrice.length; i++) {
     let price = textPrice.eq(i).text();

themes/contrib/estore/templates/commerce/commerce-checkout-completion-message.html.twig

@@ -17,8 +17,11 @@
       <h2>{{ 'Payment instructions'|t }}</h2>
 
       <h4 style= "font-weight: 400">{{ 'You can view your order on your account page when logged in.'|t }} </h4>
-      <h4>Your order number is  <span style="color: #e94337">{{ '@number.'|t({'@number': order_entity.getOrderNumber}) }}</span> </h4>
+      <h3>Your order number is  <span style="color: #e94337">{{ '@number.'|t({'@number': order_entity.getOrderNumber}) }}</span> </h3>
       <h4 style= "font-weight: 400">{{ payment_instructions }}</h4>
+      <div class="continue-commerce">
+      <a href="/products" class="btn btn-primary">Tiếp tục mua hàng </a>
+      </div>
     </div>
   {% endif %}
 </div>

themes/contrib/estore/templates/system/page.html.twig

@@ -180,7 +180,7 @@
               <div class="hl-link">
                 {{page.left_bottom_header}}
                 <div class="hl-link-img">
-                  <img src="/themes/contrib/estore/images/phone.png" alt="phone">
+                  <img src="/themes/contrib/estore/images/zalo.png" alt="phone">
                 </div>
               </div>
             </div>