From 4e5081c1e360df0cf5a49b36fbde740d13e7e24f Mon Sep 17 00:00:00 2001 From: apurvab Date: Thu, 6 Jun 2024 11:55:20 +0530 Subject: [PATCH 1/5] 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

+
-

Custom made Shirts

+

Shirts
-

Custom made Suits

+

Suits
-

Custom made Sport Jackets

+

Sport Jackets
-

Custom made Tuxedos

+

Tuxedos
@@ -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 2/5] 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 3/5] 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 4/5] 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 5/5] 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.”