From fd2a955db9f2901f6eaa03c2d61bff28e013803e Mon Sep 17 00:00:00 2001 From: apurvab Date: Thu, 23 May 2024 14:58:20 +0530 Subject: [PATCH 01/12] refactor:Add a banner and another SEO section below gallery --- _dev/elegance.css | 1 - assets/css/theme.css | 96 ++++++++++++------- .../templates/hook/ps_featuredproducts.tpl | 31 ++++-- templates/layouts/layout-both-columns.tpl | 15 ++- 4 files changed, 93 insertions(+), 50 deletions(-) diff --git a/_dev/elegance.css b/_dev/elegance.css index 7fc1a64..7470324 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -38,7 +38,6 @@ input[type="radio"],input[type="checkbox"] { .article{ width:100%; - padding:12px; } .image{ diff --git a/assets/css/theme.css b/assets/css/theme.css index be83e78..5361087 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -871,21 +871,21 @@ select { margin-bottom: 0.5rem; } +.my-28 { + margin-top: 7rem; + margin-bottom: 7rem; +} + +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + .my-8 { margin-top: 2rem; margin-bottom: 2rem; } -.my-\[20px\] { - margin-top: 20px; - margin-bottom: 20px; -} - -.my-\[45px\] { - margin-top: 45px; - margin-bottom: 45px; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -910,6 +910,10 @@ select { margin-bottom: 1rem; } +.mb-6 { + margin-bottom: 1.5rem; +} + .mb-8 { margin-bottom: 2rem; } @@ -974,14 +978,6 @@ select { margin-top: 2rem; } -.mb-20 { - margin-bottom: 5rem; -} - -.mb-32 { - margin-bottom: 8rem; -} - .block { display: block; } @@ -1038,6 +1034,10 @@ select { height: 2rem; } +.h-\[350px\] { + height: 350px; +} + .h-auto { height: auto; } @@ -1078,6 +1078,10 @@ select { width: 6rem; } +.w-28 { + width: 7rem; +} + .w-3\/4 { width: 75%; } @@ -1353,6 +1357,16 @@ select { border-color: rgb(252 165 165 / var(--tw-border-opacity)); } +.border-sky-950 { + --tw-border-opacity: 1; + border-color: rgb(8 47 73 / var(--tw-border-opacity)); +} + +.bg-\[\#000E2A\] { + --tw-bg-opacity: 1; + background-color: rgb(0 14 42 / var(--tw-bg-opacity)); +} + .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } @@ -1387,6 +1401,11 @@ select { background-color: rgb(254 242 242 / var(--tw-bg-opacity)); } +.bg-slate-200 { + --tw-bg-opacity: 1; + background-color: rgb(226 232 240 / var(--tw-bg-opacity)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -1743,7 +1762,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .article{ width:100%; - padding:12px; } .image{ @@ -2015,14 +2033,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: flex; } - .sm\:flex-col { - flex-direction: column; - } - - .sm\:flex-wrap { - flex-wrap: wrap; - } - .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -2122,11 +2132,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - .md\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -2142,11 +2147,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 1.25rem; } - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - .md\:font-bold { font-weight: 700; } @@ -2165,10 +2165,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-bottom: 5rem; } + .lg\:mb-32 { + margin-bottom: 8rem; + } + .lg\:mt-24 { margin-top: 6rem; } + .lg\:mt-48 { + margin-top: 12rem; + } + .lg\:flex { display: flex; } @@ -2201,6 +2209,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 60%; } + .lg\:w-\[30\%\] { + width: 30%; + } + + .lg\:w-\[70\%\] { + width: 70%; + } + .lg\:w-full { width: 100%; } @@ -2272,4 +2288,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .xl\:w-1\/4 { width: 25%; } +} + +@media (min-width: 1536px) { + .\32xl\:mt-64 { + margin-top: 16rem; + } } \ No newline at end of file diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index cd33e0b..9811d2a 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -69,24 +69,35 @@ -
+
-

Business Suits for Men

-

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

+
+
+ +
+
+

Business suits for men

+

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

+ +
+
- Image -
-

Get the Perfect Fit

-

Experience a flawless & Ideal fit tailored to Your Specifications

-

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

+ +
+

Get the Perfect Fit

+

Experience a flawless & Ideal fit tailored to Your Specifications

+

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

+ Explore
- Image -
+ +

Timeless Quality

Fashion that stands the test of time.

Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.

diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index f916fa5..95013f9 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -89,7 +89,7 @@

Get inspired with our curated outfit ideas, showcasing stylish combinations for every occasion. Customize your ensemble with custom-made shirts, stretch shirts, and sport jackets for men.

- +
@@ -103,10 +103,21 @@
-->
- + {l s='View More' d='Shop.Theme.Catalog'} + +
+
+

Who Are We?

+

BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

+ + Learn More + +
+
+ {/if} {block name="right_column"} From 14493a70fc466c4b962c36c28c63a6e09706d92d Mon Sep 17 00:00:00 2001 From: apurvab Date: Thu, 23 May 2024 15:15:58 +0530 Subject: [PATCH 02/12] fix:Change styling for SEO section --- .../views/templates/hook/ps_featuredproducts.tpl | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index 9811d2a..847709e 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -85,22 +85,29 @@ -
+
-
+

Get the Perfect Fit

Experience a flawless & Ideal fit tailored to Your Specifications

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

- Explore + + {l s='Explore'} + +
-
+

Timeless Quality

Fashion that stands the test of time.

Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.

+ + {l s='Explore' } + +
From 5eabf463bfe3f858ffe9f5bfb603b9d459040b43 Mon Sep 17 00:00:00 2001 From: apurvab Date: Mon, 27 May 2024 11:10:49 +0530 Subject: [PATCH 03/12] fix:change CTA for SEO section --- .../views/templates/hook/ps_featuredproducts.tpl | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index 847709e..95ab533 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -91,7 +91,7 @@

Get the Perfect Fit

Experience a flawless & Ideal fit tailored to Your Specifications

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

- + {l s='Explore'} @@ -104,7 +104,7 @@

Timeless Quality

Fashion that stands the test of time.

Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.

- + {l s='Explore' } @@ -112,4 +112,4 @@
- \ No newline at end of file + From 0e534a8fe05cbf125420d9e504b2b0d9c64b4fc8 Mon Sep 17 00:00:00 2001 From: apurvab Date: Mon, 27 May 2024 11:29:10 +0530 Subject: [PATCH 04/12] fix:Add SEO content in layouts instead of featured products module --- assets/css/theme.css | 6 +- .../templates/hook/ps_featuredproducts.tpl | 72 ------------------ templates/layouts/layout-both-columns.tpl | 74 +++++++++++++++++++ 3 files changed, 77 insertions(+), 75 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index 5361087..a8949ce 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -871,9 +871,9 @@ select { margin-bottom: 0.5rem; } -.my-28 { - margin-top: 7rem; - margin-bottom: 7rem; +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } .my-5 { diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index 95ab533..edc3c95 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -37,79 +37,7 @@
-
-

Product Categories

-
- - - - - - - -
-
- - -
-
- -
-
-

Business suits for men

-

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

- -
-
- -
- -
-

Get the Perfect Fit

-

Experience a flawless & Ideal fit tailored to Your Specifications

-

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

- - {l s='Explore'} - - -
-
- -
- -
-

Timeless Quality

-

Fashion that stands the test of time.

-

Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.

- - {l s='Explore' } - - -
-
diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 95013f9..4e86353 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -85,6 +85,80 @@ {/block} {if $page.page_name == 'index'} +
+

Product Categories

+
+ + + + + + + + +
+
+ + +
+
+ +
+
+

Business suits for men

+

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

+ +
+
+ +
+ +
+

Get the Perfect Fit

+

Experience a flawless & Ideal fit tailored to Your Specifications

+

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

+ + {l s='Explore'} + + +
+
+ +
+ +
+

Timeless Quality

+

Fashion that stands the test of time.

+

Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.

+ + {l s='Explore' } + + +
+
+

Browse through our Sophisticated Design

Get inspired with our curated outfit ideas, showcasing stylish combinations for every occasion. Customize your ensemble with custom-made shirts, stretch shirts, and sport jackets for men.

From 753661ef1df5ecae1627eb22e83a90f1365f4093 Mon Sep 17 00:00:00 2001 From: apurvab Date: Mon, 27 May 2024 14:32:01 +0530 Subject: [PATCH 05/12] fix:change banner styling --- _dev/elegance.css | 6 +----- assets/css/theme.css | 24 +++++++++++++++++++---- templates/layouts/layout-both-columns.tpl | 10 +++++----- 3 files changed, 26 insertions(+), 14 deletions(-) diff --git a/_dev/elegance.css b/_dev/elegance.css index 7470324..97f8b55 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -41,10 +41,6 @@ input[type="radio"],input[type="checkbox"] { } .image{ - width:400px; - height:250px; - color:#efefef; - font-size:8rem; &.right{ float:right; margin-left:30px; @@ -68,4 +64,4 @@ input[type="radio"],input[type="checkbox"] { &:after { clear: both; } -} \ No newline at end of file +} diff --git a/assets/css/theme.css b/assets/css/theme.css index a8949ce..1adff75 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -1131,6 +1131,10 @@ select { width: max-content; } +.w-48 { + width: 12rem; +} + .max-w-6xl { max-width: 72rem; } @@ -2177,6 +2181,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-top: 12rem; } + .lg\:mt-28 { + margin-top: 7rem; + } + .lg\:flex { display: flex; } @@ -2209,12 +2217,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 60%; } - .lg\:w-\[30\%\] { - width: 30%; + .lg\:w-\[40\%\] { + width: 40%; } - .lg\:w-\[70\%\] { - width: 70%; + .lg\:w-\[60\%\] { + width: 60%; } .lg\:w-full { @@ -2294,4 +2302,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .\32xl\:mt-64 { margin-top: 16rem; } + + .\32xl\:mt-48 { + margin-top: 12rem; + } + + .\32xl\:mt-36 { + margin-top: 9rem; + } } \ No newline at end of file diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 4e86353..078c16a 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -121,14 +121,14 @@
-
+
-
-

Business suits for men

+
+

Business suits for men

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

-
@@ -182,7 +182,7 @@ -
+

Who Are We?

BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

From cd21004d011b5bc36f83cf51c186d755654ba3de Mon Sep 17 00:00:00 2001 From: apurvab Date: Mon, 27 May 2024 14:46:05 +0530 Subject: [PATCH 06/12] fix:add svg to CTA --- templates/layouts/layout-both-columns.tpl | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 078c16a..9f9e35a 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -186,8 +186,9 @@

Who Are We?

BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

- + Learn More +
From 2b335f822f676198f94b274daf4dad63ecad3f59 Mon Sep 17 00:00:00 2001 From: apurvab Date: Tue, 28 May 2024 11:37:33 +0530 Subject: [PATCH 07/12] fix:Change color of border & change banner styling --- assets/css/theme.css | 76 +++++++---------------- templates/layouts/layout-both-columns.tpl | 21 ++++--- 2 files changed, 34 insertions(+), 63 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index 1adff75..099a162 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -783,6 +783,10 @@ select { bottom: 0px; } +.bottom-5 { + bottom: 1.25rem; +} + .bottom-\[50\%\] { bottom: 50%; } @@ -871,9 +875,9 @@ select { margin-bottom: 0.5rem; } -.my-20 { - margin-top: 5rem; - margin-bottom: 5rem; +.my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } .my-5 { @@ -1034,8 +1038,8 @@ select { height: 2rem; } -.h-\[350px\] { - height: 350px; +.h-\[400px\] { + height: 400px; } .h-auto { @@ -1078,10 +1082,6 @@ select { width: 6rem; } -.w-28 { - width: 7rem; -} - .w-3\/4 { width: 75%; } @@ -1102,6 +1102,10 @@ select { width: 11rem; } +.w-48 { + width: 12rem; +} + .w-5 { width: 1.25rem; } @@ -1131,10 +1135,6 @@ select { width: max-content; } -.w-48 { - width: 12rem; -} - .max-w-6xl { max-width: 72rem; } @@ -1306,6 +1306,11 @@ select { border-style: none; } +.border-\[\#74848E\] { + --tw-border-opacity: 1; + border-color: rgb(116 132 142 / var(--tw-border-opacity)); +} + .border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); @@ -1361,11 +1366,6 @@ select { border-color: rgb(252 165 165 / var(--tw-border-opacity)); } -.border-sky-950 { - --tw-border-opacity: 1; - border-color: rgb(8 47 73 / var(--tw-border-opacity)); -} - .bg-\[\#000E2A\] { --tw-bg-opacity: 1; background-color: rgb(0 14 42 / var(--tw-bg-opacity)); @@ -1769,10 +1769,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } .image{ - width:400px; - height:250px; - color:#efefef; - font-size:8rem; &.right{ float:right; margin-left:30px; @@ -2161,6 +2157,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: static; } + .lg\:absolute { + position: absolute; + } + .lg\:right-0 { right: 0px; } @@ -2177,14 +2177,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-top: 6rem; } - .lg\:mt-48 { - margin-top: 12rem; - } - - .lg\:mt-28 { - margin-top: 7rem; - } - .lg\:flex { display: flex; } @@ -2217,14 +2209,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 60%; } - .lg\:w-\[40\%\] { - width: 40%; - } - - .lg\:w-\[60\%\] { - width: 60%; - } - .lg\:w-full { width: 100%; } @@ -2296,18 +2280,4 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .xl\:w-1\/4 { width: 25%; } -} - -@media (min-width: 1536px) { - .\32xl\:mt-64 { - margin-top: 16rem; - } - - .\32xl\:mt-48 { - margin-top: 12rem; - } - - .\32xl\:mt-36 { - margin-top: 9rem; - } -} \ No newline at end of file +} diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 9f9e35a..e05596c 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -121,21 +121,22 @@
-
+
-
-

Business suits for men

-

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

+
+

Business suits for men

+

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

-
- -
+ +
+

Get the Perfect Fit

Experience a flawless & Ideal fit tailored to Your Specifications

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

@@ -147,8 +148,8 @@
- -
+ +

Timeless Quality

Fashion that stands the test of time.

Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.

@@ -182,7 +183,7 @@ -
+

Who Are We?

BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

From 4e5081c1e360df0cf5a49b36fbde740d13e7e24f Mon Sep 17 00:00:00 2001 From: apurvab Date: Thu, 6 Jun 2024 11:55:20 +0530 Subject: [PATCH 08/12] refactor:Change gallery section and SEO section on homepage --- _dev/elegance.css | 8 ++ assets/css/theme.css | 120 +++++++++++++++++----- templates/layouts/layout-both-columns.tpl | 115 ++++++++++----------- 3 files changed, 156 insertions(+), 87 deletions(-) diff --git a/_dev/elegance.css b/_dev/elegance.css index 97f8b55..93d3527 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -65,3 +65,11 @@ input[type="radio"],input[type="checkbox"] { clear: both; } } + +@media (max-width: 640px) { + .hide-on-small { + display: none; + } +} + + diff --git a/assets/css/theme.css b/assets/css/theme.css index 099a162..6c3ab0b 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -783,6 +783,10 @@ select { bottom: 0px; } +.bottom-1 { + bottom: 0.25rem; +} + .bottom-5 { bottom: 1.25rem; } @@ -807,6 +811,10 @@ select { right: 3rem; } +.right-2 { + right: 0.5rem; +} + .right-4 { right: 1rem; } @@ -835,6 +843,38 @@ select { z-index: 10; } +.col-span-1 { + grid-column: span 1 / span 1; +} + +.col-start-1 { + grid-column-start: 1; +} + +.col-start-2 { + grid-column-start: 2; +} + +.row-span-1 { + grid-row: span 1 / span 1; +} + +.row-span-2 { + grid-row: span 2 / span 2; +} + +.row-span-3 { + grid-row: span 3 / span 3; +} + +.row-start-1 { + grid-row-start: 1; +} + +.row-end-2 { + grid-row-end: 2; +} + .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; @@ -875,9 +915,9 @@ select { margin-bottom: 0.5rem; } -.my-32 { - margin-top: 8rem; - margin-bottom: 8rem; +.my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } .my-5 { @@ -982,6 +1022,10 @@ select { margin-top: 2rem; } +.mb-24 { + margin-bottom: 6rem; +} + .block { display: block; } @@ -1002,6 +1046,10 @@ select { display: flow-root; } +.grid { + display: grid; +} + .hidden { display: none; } @@ -1010,10 +1058,6 @@ select { aspect-ratio: 342/513; } -.h-1\/2 { - height: 50%; -} - .h-12 { height: 3rem; } @@ -1074,10 +1118,6 @@ select { width: 3.5rem; } -.w-2\/5 { - width: 40%; -} - .w-24 { width: 6rem; } @@ -1086,10 +1126,6 @@ select { width: 75%; } -.w-3\/5 { - width: 60%; -} - .w-32 { width: 8rem; } @@ -1198,6 +1234,10 @@ select { list-style-type: square; } +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + .flex-row { flex-direction: row; } @@ -1270,6 +1310,15 @@ select { gap: 2rem; } +.gap-x-1 { + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; +} + +.gap-y-1 { + row-gap: 0.25rem; +} + .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); @@ -1306,11 +1355,6 @@ select { border-style: none; } -.border-\[\#74848E\] { - --tw-border-opacity: 1; - border-color: rgb(116 132 142 / var(--tw-border-opacity)); -} - .border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); @@ -1569,6 +1613,10 @@ select { text-align: justify; } +.text-end { + text-align: end; +} + .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -1796,6 +1844,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } } +@media (max-width: 640px) { + .hide-on-small { + display: none; + } +} + .file\:mr-4::file-selector-button { margin-right: 1rem; } @@ -2033,6 +2087,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: flex; } + .sm\:pr-4 { + padding-right: 1rem; + } + .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -2161,6 +2219,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } + .lg\:bottom-3 { + bottom: 0.75rem; + } + + .lg\:left-0 { + left: 0px; + } + .lg\:right-0 { right: 0px; } @@ -2177,6 +2243,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-top: 6rem; } + .lg\:mb-52 { + margin-bottom: 13rem; + } + .lg\:flex { display: flex; } @@ -2241,6 +2311,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { background-color: transparent; } + .lg\:p-4 { + padding: 1rem; + } + .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; @@ -2250,10 +2324,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 6rem; } - .lg\:text-center { - text-align: center; - } - .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -2281,3 +2351,5 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 25%; } } + + diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index e05596c..8d44612 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -86,33 +86,33 @@ {if $page.page_name == 'index'}
-

Product Categories

-
+

Custom design by you

+
@@ -120,70 +120,59 @@
-
-
- -
-
-

Business suits for men

-

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

- -
-
+
+

Design and Visualize what you need

+

Choose what looks good on you

+ +
+ +
+
+

Business Suits for Men

+

Make a powerful impression and radiate confidence

+ Tailored business Suits designed for you to make a + powerful impression and radiate confidence. +
+
+

Browse through our design

+

Get inspired with our curated outfit ideas

+ +
+
+

Get the perfect fit

+

Get inspired with our curated outfit ideas

+ The future of fashion with our innovative designs. Customization options tailored to your measurements and discover your perfect fit in minutes +
+
+
+ +
+
+

Wear Your Identity

+

Fashion that speaks volumes

+ +
+
+

Timeless Quality

+

Fashion that stands the test of time

+ Invest in enduring fashion with our commitment to quality and + durability.From custom-made tuxedos to business suits, each piece stands the test of time. +
+
+

Tailored to your specifications

+

Tailor every detail to match your preferences

+
+
+
-
- -
- -

Get the Perfect Fit

-

Experience a flawless & Ideal fit tailored to Your Specifications

-

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

- - {l s='Explore'} - - -
-
-
- -
-

Timeless Quality

-

Fashion that stands the test of time.

-

Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.

- - {l s='Explore' } - - -
-
- -

Browse through our Sophisticated Design

-

Get inspired with our curated outfit ideas, showcasing stylish combinations for every occasion. Customize your ensemble with custom-made shirts, stretch shirts, and sport jackets for men.

-
-
- -
- - -
-
- -
{l s='View More' d='Shop.Theme.Catalog'} -
+

Who Are We?

BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

From 2052be6e3ef2717be6fdfd543ed6b7541c8b76c6 Mon Sep 17 00:00:00 2001 From: apurvab Date: Wed, 12 Jun 2024 11:17:43 +0530 Subject: [PATCH 09/12] refactor:change who are we section --- assets/css/theme.css | 101 ++++-------------- .../templates/hook/ps_featuredproducts.tpl | 2 +- templates/layouts/layout-both-columns.tpl | 25 ++--- 3 files changed, 36 insertions(+), 92 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index 6c3ab0b..46160e1 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -787,10 +787,6 @@ select { bottom: 0.25rem; } -.bottom-5 { - bottom: 1.25rem; -} - .bottom-\[50\%\] { bottom: 50%; } @@ -839,6 +835,10 @@ select { top: 100%; } +.left-2 { + left: 0.5rem; +} + .z-10 { z-index: 10; } @@ -915,16 +915,6 @@ select { margin-bottom: 0.5rem; } -.my-48 { - margin-top: 12rem; - margin-bottom: 12rem; -} - -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; -} - .my-8 { margin-top: 2rem; margin-bottom: 2rem; @@ -946,6 +936,10 @@ select { margin-bottom: 0.5rem; } +.mb-24 { + margin-bottom: 6rem; +} + .mb-3 { margin-bottom: 0.75rem; } @@ -954,10 +948,6 @@ select { margin-bottom: 1rem; } -.mb-6 { - margin-bottom: 1.5rem; -} - .mb-8 { margin-bottom: 2rem; } @@ -1022,10 +1012,6 @@ select { margin-top: 2rem; } -.mb-24 { - margin-bottom: 6rem; -} - .block { display: block; } @@ -1082,10 +1068,6 @@ select { height: 2rem; } -.h-\[400px\] { - height: 400px; -} - .h-auto { height: auto; } @@ -1138,10 +1120,6 @@ select { width: 11rem; } -.w-48 { - width: 12rem; -} - .w-5 { width: 1.25rem; } @@ -1410,11 +1388,6 @@ select { border-color: rgb(252 165 165 / var(--tw-border-opacity)); } -.bg-\[\#000E2A\] { - --tw-bg-opacity: 1; - background-color: rgb(0 14 42 / var(--tw-bg-opacity)); -} - .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } @@ -1449,11 +1422,6 @@ select { background-color: rgb(254 242 242 / var(--tw-bg-opacity)); } -.bg-slate-200 { - --tw-bg-opacity: 1; - background-color: rgb(226 232 240 / var(--tw-bg-opacity)); -} - .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -2086,15 +2054,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .sm\:flex { display: flex; } - - .sm\:pr-4 { - padding-right: 1rem; - } - - .sm\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } } @media (min-width: 768px) { @@ -2102,10 +2061,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } - .md\:mt-28 { - margin-top: 7rem; - } - .md\:block { display: block; } @@ -2142,6 +2097,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 6rem; } + .md\:w-3\/5 { + width: 60%; + } + .md\:w-3\/6 { width: 50%; } @@ -2190,6 +2149,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .md\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -2215,10 +2184,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: static; } - .lg\:absolute { - position: absolute; - } - .lg\:bottom-3 { bottom: 0.75rem; } @@ -2231,22 +2196,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { right: 0px; } - .lg\:mb-20 { - margin-bottom: 5rem; - } - .lg\:mb-32 { margin-bottom: 8rem; } - .lg\:mt-24 { - margin-top: 6rem; - } - - .lg\:mb-52 { - margin-bottom: 13rem; - } - .lg\:flex { display: flex; } @@ -2324,16 +2277,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 6rem; } - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index edc3c95..9d8076b 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -31,7 +31,7 @@ {include file="catalog/_partials/miniatures/product.tpl" product=$product} {/foreach}
- + {l s='All products' d='Shop.Theme.Catalog'} diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 8d44612..1f4c146 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -128,8 +128,8 @@
-

Business Suits for Men

-

Make a powerful impression and radiate confidence

+

Business Suits for Men

+

Make a powerful impression and radiate confidence

Tailored business Suits designed for you to make a powerful impression and radiate confidence.
@@ -149,8 +149,8 @@
-

Wear Your Identity

-

Fashion that speaks volumes

+

Wear Your Identity

+

Fashion that speaks volumes

@@ -172,16 +172,17 @@ -
-
-

Who Are We?

-

BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

- - Learn More - - + +
+
+
+

“ + BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch.”

+ +

Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

+
{/if} From 272e565fb79f7126459f011fd28c4c687cb8eca0 Mon Sep 17 00:00:00 2001 From: apurvab Date: Wed, 12 Jun 2024 12:08:01 +0530 Subject: [PATCH 10/12] fix:change font size on gallery section --- _dev/elegance.css | 2 +- assets/css/theme.css | 22 +++++++++++++--------- templates/layouts/layout-both-columns.tpl | 14 +++++++------- 3 files changed, 21 insertions(+), 17 deletions(-) diff --git a/_dev/elegance.css b/_dev/elegance.css index 93d3527..4a12962 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -66,7 +66,7 @@ input[type="radio"],input[type="checkbox"] { } } -@media (max-width: 640px) { +@media (max-width: 1024px) { .hide-on-small { display: none; } diff --git a/assets/css/theme.css b/assets/css/theme.css index 46160e1..5ef4ba9 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -835,10 +835,6 @@ select { top: 100%; } -.left-2 { - left: 0.5rem; -} - .z-10 { z-index: 10; } @@ -1537,6 +1533,14 @@ select { padding-right: 0px; } +.pr-1 { + padding-right: 0.25rem; +} + +.pr-1\.5 { + padding-right: 0.375rem; +} + .pr-2 { padding-right: 0.5rem; } @@ -1812,7 +1816,7 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } } -@media (max-width: 640px) { +@media (max-width: 1024px) { .hide-on-small { display: none; } @@ -2188,10 +2192,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { bottom: 0.75rem; } - .lg\:left-0 { - left: 0px; - } - .lg\:right-0 { right: 0px; } @@ -2282,6 +2282,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 1.75rem; } + .lg\:font-bold { + font-weight: 700; + } + .lg\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 1f4c146..167c9af 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -128,18 +128,18 @@
-

Business Suits for Men

+

Business Suits for Men

Make a powerful impression and radiate confidence

Tailored business Suits designed for you to make a powerful impression and radiate confidence.
-

Browse through our design

-

Get inspired with our curated outfit ideas

+

Browse through our design

+

Get inspired with our curated outfit ideas

-

Get the perfect fit

+

Get the perfect fit

Get inspired with our curated outfit ideas

The future of fashion with our innovative designs. Customization options tailored to your measurements and discover your perfect fit in minutes @@ -149,18 +149,18 @@
-

Wear Your Identity

+

Wear Your Identity

Fashion that speaks volumes

-

Timeless Quality

+

Timeless Quality

Fashion that stands the test of time

Invest in enduring fashion with our commitment to quality and durability.From custom-made tuxedos to business suits, each piece stands the test of time.
-

Tailored to your specifications

+

Tailored to your specifications

Tailor every detail to match your preferences

From 7c386b36be4c0141f9bf1738236425d9c8e7627b Mon Sep 17 00:00:00 2001 From: apurvab Date: Wed, 12 Jun 2024 12:36:49 +0530 Subject: [PATCH 11/12] fix:change spacing around the gallery --- _dev/elegance.css | 5 +++++ assets/css/theme.css | 19 ++++++++++++++----- templates/layouts/layout-both-columns.tpl | 16 ++++++++-------- 3 files changed, 27 insertions(+), 13 deletions(-) diff --git a/_dev/elegance.css b/_dev/elegance.css index 4a12962..eceed28 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -72,4 +72,9 @@ input[type="radio"],input[type="checkbox"] { } } +@media (max-width: 480px) { + .xxs { + font-size: xx-small; + } +} diff --git a/assets/css/theme.css b/assets/css/theme.css index 5ef4ba9..61c8d50 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -1008,6 +1008,10 @@ select { margin-top: 2rem; } +.mb-20 { + margin-bottom: 5rem; +} + .block { display: block; } @@ -1585,10 +1589,6 @@ select { text-align: justify; } -.text-end { - text-align: end; -} - .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -1822,6 +1822,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } } +@media (max-width: 480px) { + .xxs { + font-size: xx-small; + } +} + .file\:mr-4::file-selector-button { margin-right: 1rem; } @@ -2200,6 +2206,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-bottom: 8rem; } + .lg\:mb-2 { + margin-bottom: 0.5rem; + } + .lg\:flex { display: flex; } @@ -2299,4 +2309,3 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } } - diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 167c9af..409c1fa 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -87,7 +87,7 @@ {if $page.page_name == 'index'}

Custom design by you

-
+
-
+

Design and Visualize what you need

Choose what looks good on you

@@ -128,18 +128,18 @@
-

Business Suits for Men

+

Business Suits for Men

Make a powerful impression and radiate confidence

Tailored business Suits designed for you to make a powerful impression and radiate confidence.
-

Browse through our design

+

Browse through our design

Get inspired with our curated outfit ideas

-

Get the perfect fit

+

Get the perfect fit

Get inspired with our curated outfit ideas

The future of fashion with our innovative designs. Customization options tailored to your measurements and discover your perfect fit in minutes @@ -149,18 +149,18 @@
-

Wear Your Identity

+

Wear Your Identity

Fashion that speaks volumes

-

Timeless Quality

+

Timeless Quality

Fashion that stands the test of time

Invest in enduring fashion with our commitment to quality and durability.From custom-made tuxedos to business suits, each piece stands the test of time.
-

Tailored to your specifications

+

Tailored to your specifications

Tailor every detail to match your preferences

From baa58a57a38ba544924db784e4b5041b1bb41605 Mon Sep 17 00:00:00 2001 From: apurvab Date: Wed, 12 Jun 2024 12:56:18 +0530 Subject: [PATCH 12/12] fix:change padding around info section on homepage --- templates/layouts/layout-both-columns.tpl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 409c1fa..66671ae 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -174,7 +174,7 @@
-
+

“ BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch.”