diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..a5fa843 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,3 @@ +body{ + background-color:white; +} \ No newline at end of file diff --git a/assets/css/theme.css b/assets/css/theme.css index 7ae4fa7..ac942dd 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */ /* @@ -32,9 +32,11 @@ 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS */ -html { +html, +:host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; @@ -50,6 +52,8 @@ html { /* 5 */ font-variation-settings: normal; /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ } /* @@ -121,8 +125,10 @@ strong { } /* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. */ code, @@ -131,8 +137,12 @@ samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ - font-size: 1em; + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ } /* @@ -201,6 +211,8 @@ textarea { /* 1 */ line-height: inherit; /* 1 */ + letter-spacing: inherit; + /* 1 */ color: inherit; /* 1 */ margin: 0; @@ -224,9 +236,9 @@ select { */ button, -[type='button'], -[type='reset'], -[type='submit'] { +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; @@ -653,6 +665,10 @@ select { --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; } ::backdrop { @@ -703,6 +719,10 @@ select { --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; } .container { @@ -944,6 +964,11 @@ select { margin-bottom: 2rem; } +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} + .mb-1 { margin-bottom: 0.25rem; } @@ -1124,8 +1149,12 @@ select { height: 20px; } -.h-\[30px\] { - height: 30px; +.h-\[30vh\] { + height: 30vh; +} + +.h-\[40vh\] { + height: 40vh; } .h-\[50px\] { @@ -1144,14 +1173,6 @@ select { height: 100%; } -.h-\[30vh\] { - height: 30vh; -} - -.h-\[40vh\] { - height: 40vh; -} - .max-h-\[40px\] { max-height: 40px; } @@ -1444,10 +1465,6 @@ select { white-space: nowrap; } -.rounded-full { - border-radius: 9999px; -} - .rounded-lg { border-radius: 0.5rem; } @@ -1533,6 +1550,11 @@ select { border-color: rgb(255 255 255 / var(--tw-border-opacity)); } +.bg-\[\#E6DFD4\] { + --tw-bg-opacity: 1; + background-color: rgb(230 223 212 / var(--tw-bg-opacity)); +} + .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } @@ -1572,11 +1594,6 @@ select { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-\[\#E6DFD4\] { - --tw-bg-opacity: 1; - background-color: rgb(230 223 212 / var(--tw-bg-opacity)); -} - .stroke-black { stroke: #000; } @@ -1928,6 +1945,11 @@ select { color: rgb(75 85 99 / var(--tw-text-opacity)); } +.text-gray-800 { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); @@ -1963,11 +1985,6 @@ select { color: rgb(255 255 255 / var(--tw-text-opacity)); } -.text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} - .underline { text-decoration-line: underline; } @@ -2262,13 +2279,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: none; } -@media (prefers-color-scheme: dark) { - .dark\:text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); - } -} - @media not all and (min-width: 1024px) { .max-lg\:flex-col { flex-direction: column; @@ -2325,6 +2335,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } @media (min-width: 640px) { + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + .sm\:flex { display: flex; } @@ -2345,6 +2360,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-bottom: 6rem; } + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + .md\:mt-0 { margin-top: 0px; } @@ -2377,10 +2397,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: none; } - .md\:h-\[200px\] { - height: 200px; - } - .md\:h-\[300px\] { height: 300px; } @@ -2683,10 +2699,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: none; } - .lg\:h-\[300px\] { - height: 300px; - } - .lg\:h-\[400px\] { height: 400px; } @@ -2884,10 +2896,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } @media (min-width: 1280px) { - .xl\:h-\[460px\] { - height: 460px; - } - .xl\:w-1\/4 { width: 25%; } diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index 9826ac3..73c177d 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -23,7 +23,7 @@ * International Registered Trademark & Property of PrestaShop SA *} -
+

{l s='Popular Products' d='Shop.Theme.Catalog'}

@@ -32,9 +32,47 @@ {include file="catalog/_partials/miniatures/product.tpl" product=$product} {/foreach} - + {l s='All products' d='Shop.Theme.Catalog'}
+ +{if $page.page_name == "index"} +
+

What makes us unique?

+

Are you one of the millions of men that off the rack clothing just doesn't work for you? + A generic size built for the generic man? Brooks Bingham Clothing started exactly for this reason. + We are athletes, surrounded by athletes and strive to work with those that search for perfection. + And we were sick and tired of spending thousands on garments just to spend hundreds or thousands more + for a tailor to sort of make it fit. We strive to be a luxury solution in the clothing industry while providing + custom garments built and des gned by you for you. We give you all the power to be as creative as possible + while designing your clothing followed by the implementation of photo technology to collect all needed measurements. + Through our 3D tocits you have the ability to see and explore millions of options to complete your one of a kind piece. + We thank you for taking the time to explore Brooks Bingham Clothing and we look forward to helping you explore the + world of custom garments. +

+
+ +
+ +
+

Step into Style with a Custom Touch

+

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

+
+ + Start Customization + +
+
+
+ + +{/if} \ No newline at end of file diff --git a/templates/catalog/_partials/products.tpl b/templates/catalog/_partials/products.tpl index 2313acc..a3baeb5 100644 --- a/templates/catalog/_partials/products.tpl +++ b/templates/catalog/_partials/products.tpl @@ -24,7 +24,12 @@ *} {if $page.meta.title == 'Custom made' || $page.meta.title == 'custom made' || $page.meta.title == 'Custom Made' || $page.meta.title == 'custom'} - +
+ +

- -

+
@@ -193,7 +193,6 @@

Select the Fabric

Finalize the Design

Get Measured

-

- How Can You Get Measured? -

- -
-
    -
  • -
    -
    -

    - Manual Measurement

    -
    -
      -
    • Choose from a wide range of trendy fabrics updated every seasons
      • -
    • Choose from a wide range of trendy fabrics updated every seasons
      • -
    • Choose from a wide range of trendy fabrics updated every seasons
      • -
    -
    - -
    - Know more - - - - - -
    -
    -
    -
    • - -
  • -
    -
    -

    - Automated Measurement

    -
    -
      -
    • Choose from a wide range of trendy fabrics updated every seasons
      • -
    • Choose from a wide range of trendy fabrics updated every seasons
      • -
    • Choose from a wide range of trendy fabrics updated every seasons
      • -
    -
    - -
    - Know more - - - - - -
    -
    -
    -
    • -
-
+

How Can You Get Measured?

+
+
    +
  • +
    +
    +

    Manual Measurement

    +
    +
      +
    • Follow clear step-by-step instructions for accurate results.
      • +
    • Simple form to fill for each measurement.
      • +
    • Ensure precision with detailed guidance for each body part.
      • +
    +
    +
    Know more
    +
    +
    +
    • +
  • +
    +
    +

    Automated Measurement

    +
    +
      +
    • Utilize advanced 3D scanning via a smartphone app.
      • +
    • Quick and convenient measurement process.
      • +
    • Secure and private data storage for continuous updates.
      • +
    +
    +
    Know more
    +
    +
    +
    • +
+
{/if} diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 8a5da5d..2888558 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -95,262 +95,6 @@ {if $page.page_name == 'index'} - -
-

Design and Visualize what you need

-

Choose what looks good on you

- - - -
- - -
-
-

- The Art of Custom Clothing -

-

- Personalize your handcrafted look with our exclusive collection of Made-to-Measure men's clothing. -

-

- Take control and feel confident with our Perfect Fit Guarantee -

-
- - Start Customization - -
-
-
- -
-
- - - -
-
- -
-
-

- Tailored Perfection for a Flawless Fit -

-

- Craft your signature style down to the finest details - from quality fabrics and distinctive - buttons to unique pocket hues and lining designs. -

-

- Our Perfect Fit Guarantee ensures a tailored look that exudes your confident individuality -

-
- - How to measure - -
-
-
- - -
-

Curated Custom Collection

-

Experience luxury with personalized jackets and custom collections crafted just for you

-
- -
-
-
- - -

Shirts

- -
- -
- - -

Suits

- -
- -
- - -

Sport Jackets

- -
- -
- - -

Tuxedos

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

- About Brooks Bingham -

-
-
  • Individuality and precision tailoring is what we celebrate.
    • -
  • We are on a mission to provide high-quality, custom-fit clothing that embodies YOU.
    • -
  • Modern with the technology, but we never forget the importance of classic traditional tailoring.
    • -
  • We are all about creating timeless, personalized pieces.
    • -
    -
    -
    - - -
    -
    -

    - Why Choose Brooks Bingham? -

    -
    -
    -

    1.

    -

    Expert

    -

    Craftmanship

    -
    -
    -

    2.

    -

    Innovative

    -

    Customization

    -
    -
    -

    3.

    -

    Quality

    -

    Materials

    -
    -
    -

    4.

    -

    Sustainable

    -

    Practices

    -
    -
    -

    5.

    -

    Exceptional

    -

    Support

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

    - See What They Think -

    -

    - The quality of my bespoke shirts from Brooks Bingham Clothing has been exceptional! -

    -

    - The fabrics, buttons, and stitching are of the highest quality. -

    -

    Matt K

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

    Step into Style with a Custom Touch

    -

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

    -
    - - Start Customization - -
    -
    -
    - -
    -

    BROOKSBINGHAM

    -

    Are you one of the millions of men that off the rack clothing just doesn't work for you? - A generic size built for the generic man? Brooks Bingham Clothing started exactly for this reason. - We are athletes, surrounded by athletes and strive to work with those that search for perfection. - And we were sick and tired of spending thousands on garments just to spend hundreds or thousands more - for a tailor to sort of make it fit. We strive to be a luxury solution in the clothing industry while providing - custom garments built and des gned by you for you. We give you all the power to be as creative as possible - while designing your clothing followed by the implementation of photo technology to collect all needed measurements. - Through our 3D tocits you have the ability to see and explore millions of options to complete your one of a kind piece. - We thank you for taking the time to explore Brooks Bingham Clothing and we look forward to helping you explore the - world of custom garments. -

    -
    - - - - - - - - - - {/if} {block name="right_column"}