Save

themes/classic/assets/css/custom.scss

@@ -501,6 +501,49 @@ body#product {
 			}
 		}
 
+		ul.product-flags {
+			margin-bottom: 24px;
+			row-gap: 8px;
+
+			li.product-flag {
+				font-size: 11px;
+				font-weight: 400;
+				padding: 3px 8px;
+				min-width: fit-content;
+				min-height: auto;
+				margin-top: 0;
+				list-style: none;
+				font-family: $fInter;
+				font-size: 12px;
+				font-weight: 700;
+
+				&.new {
+					background: #462d26;
+					padding: 4px 8px;
+				}
+
+				&.discount {
+					display: flex;
+					flex-direction: row;
+					column-gap: 8px;
+					background-color: transparent;
+					padding: 0;
+
+					span {
+						font-family: $fInter;
+						font-size: 12px;
+						font-weight: 700;
+						padding: 4px 8px;
+						background: #c40000;
+					}
+				}
+
+				&.out_of_stock {
+					background: #462d26;
+				}
+			}
+		}
+
 		.product-info-box-left {
 			&:hover {
 				.scroll-box-arrows {
@@ -537,49 +580,52 @@ body#product {
 					border-radius: 100%;
 				}
 			}
+
+			section#content {
+				ul.product-flags {
+					display: flex;
+					flex-direction: column;
+					flex-wrap: wrap;
+					width: 100%;
+					pointer-events: none;
+
+					position: absolute;
+					top: 10px;
+					left: 10px;
+					z-index: 1;
+
+					@media (min-width: 768px) {
+						display: none;
+					}
+
+					li.product-flag {
+						min-width: fit-content;
+						min-height: auto;
+						margin-top: 0;
+						list-style: none;
+						font-family: $fInter;
+						font-size: 12px;
+						font-weight: 700;
+						border-radius: 0;
+
+						&.discount {
+							background: transparent;
+							padding: 0;
+						}
+
+						&.new {
+							background: #462d26;
+							padding: 4px 8px;
+						}
+					}
+				}
+			}
 		}
 
 		.product-info-box-right {
 			ul.product-flags {
-				margin-bottom: 24px;
+				@media (max-width: 767px) {
-				row-gap: 8px;
+					display: none;
-
-				li.product-flag {
-					font-size: 11px;
-					font-weight: 400;
-					padding: 3px 8px;
-					min-width: fit-content;
-					min-height: auto;
-					margin-top: 0;
-					list-style: none;
-					font-family: $fInter;
-					font-size: 12px;
-					font-weight: 700;
-
-					&.new {
-						background: #462d26;
-						padding: 4px 8px;
-					}
-
-					&.discount {
-						display: flex;
-						flex-direction: row;
-						column-gap: 8px;
-						background-color: transparent;
-						padding: 0;
-
-						span {
-							font-family: $fInter;
-							font-size: 12px;
-							font-weight: 700;
-							padding: 4px 8px;
-							background: #c40000;
-						}
-					}
-
-					&.out_of_stock {
-						background: #462d26;
-					}
 				}
 			}
 

themes/classic/templates/catalog/product.tpl

@@ -55,6 +55,8 @@
       <div class="col-md-6 pl-0 product-info-box-left">
         {block name='page_content_container'}
           <section class="page-content" id="content">
+            {include file='catalog/_partials/product-flags.tpl'}
+
             {block name='page_content'}
               {block name='product_cover_thumbnails'}
                 {include file='catalog/_partials/product-cover-thumbnails.tpl'}