diff --git a/assets/css/theme.css b/assets/css/theme.css index a558249..a7be518 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -787,10 +787,6 @@ select { bottom: 0.25rem; } -.bottom-9 { - bottom: 2.25rem; -} - .bottom-\[50\%\] { bottom: 50%; } @@ -924,11 +920,6 @@ select { margin-bottom: 0.125rem; } -.my-12 { - margin-top: 3rem; - margin-bottom: 3rem; -} - .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; @@ -949,11 +940,6 @@ select { margin-bottom: 2rem; } -.my-16 { - margin-top: 4rem; - margin-bottom: 4rem; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -1090,10 +1076,6 @@ select { aspect-ratio: 342/513; } -.h-1\/2 { - height: 50%; -} - .h-12 { height: 3rem; } @@ -1126,8 +1108,12 @@ select { height: 20px; } -.h-\[30px\] { - height: 30px; +.h-\[30vh\] { + height: 30vh; +} + +.h-\[40vh\] { + height: 40vh; } .h-\[50px\] { @@ -1146,26 +1132,6 @@ select { height: 100%; } -.h-4\/5 { - height: 80%; -} - -.h-\[80vh\] { - height: 80vh; -} - -.h-\[70vh\] { - height: 70vh; -} - -.h-\[40vh\] { - height: 40vh; -} - -.h-\[30vh\] { - height: 30vh; -} - .max-h-\[40px\] { max-height: 40px; } @@ -1314,6 +1280,10 @@ select { list-style-type: square; } +.list-disc { + list-style-type: disc; +} + .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -1407,6 +1377,11 @@ select { column-gap: 0.25rem; } +.gap-x-20 { + -moz-column-gap: 5rem; + column-gap: 5rem; +} + .gap-y-1 { row-gap: 0.25rem; } @@ -1522,6 +1497,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); } @@ -1561,25 +1541,6 @@ select { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-neutral-400 { - --tw-bg-opacity: 1; - background-color: rgb(163 163 163 / var(--tw-bg-opacity)); -} - -.bg-neutral-100 { - --tw-bg-opacity: 1; - background-color: rgb(245 245 245 / var(--tw-bg-opacity)); -} - -.bg-\[\#E6DFD4\] { - --tw-bg-opacity: 1; - background-color: rgb(230 223 212 / var(--tw-bg-opacity)); -} - -.bg-transparent { - background-color: transparent; -} - .stroke-black { stroke: #000; } @@ -1604,21 +1565,11 @@ select { stroke-width: 3px; } -.object-contain { - -o-object-fit: contain; - object-fit: contain; -} - .object-cover { -o-object-fit: cover; object-fit: cover; } -.object-fill { - -o-object-fit: fill; - object-fit: fill; -} - .object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; @@ -1652,6 +1603,11 @@ select { padding: 2rem; } +.px-0 { + padding-left: 0px; + padding-right: 0px; +} + .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -1839,11 +1795,6 @@ select { line-height: 2rem; } -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; -} - .text-5xl { font-size: 3rem; line-height: 1; @@ -1906,11 +1857,6 @@ select { line-height: 1; } -.text-\[\#000E2A\] { - --tw-text-opacity: 1; - color: rgb(0 14 42 / var(--tw-text-opacity)); -} - .text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity)); @@ -2346,14 +2292,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } - .md\:bottom-28 { - bottom: 7rem; - } - - .md\:right-12 { - right: 3rem; - } - .md\:my-24 { margin-top: 6rem; margin-bottom: 6rem; @@ -2391,10 +2329,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: none; } - .md\:h-\[200px\] { - height: 200px; - } - .md\:h-\[300px\] { height: 300px; } @@ -2407,14 +2341,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { height: 40px; } - .md\:h-\[80vh\] { - height: 80vh; - } - .md\:h-\[70vh\] { height: 70vh; } + .md\:h-\[80vh\] { + height: 80vh; + } + .md\:h-full { height: 100%; } @@ -2475,6 +2409,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 70%; } + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -2524,9 +2462,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding: 2rem; } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } .md\:px-4 { @@ -2570,6 +2508,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 0px; } + .md\:pt-11 { + padding-top: 2.75rem; + } + .md\:pt-12 { padding-top: 3rem; } @@ -2578,6 +2520,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 0.75rem; } + .md\:pt-5 { + padding-top: 1.25rem; + } + .md\:pt-6 { padding-top: 1.5rem; } @@ -2586,10 +2532,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 1.75rem; } - .md\:pt-8 { - padding-top: 2rem; - } - .md\:text-left { text-align: left; } @@ -2656,23 +2598,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { bottom: 0.75rem; } - .lg\:bottom-48 { - bottom: 12rem; - } - .lg\:right-0 { right: 0px; } - .lg\:right-20 { - right: 5rem; - } - - .lg\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; - } - .lg\:my-32 { margin-top: 8rem; margin-bottom: 8rem; @@ -2702,10 +2631,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: none; } - .lg\:h-\[300px\] { - height: 300px; - } - .lg\:h-\[400px\] { height: 400px; } @@ -2814,11 +2739,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-bottom: 0px; } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; - } - .lg\:pb-6 { padding-bottom: 1.5rem; } @@ -2847,10 +2767,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 3rem; } - .lg\:pt-16 { - padding-top: 4rem; - } - .lg\:pt-24 { padding-top: 6rem; } @@ -2912,14 +2828,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } @media (min-width: 1280px) { - .xl\:right-56 { - right: 14rem; - } - - .xl\:h-\[460px\] { - height: 460px; - } - .xl\:w-1\/4 { width: 25%; } diff --git a/templates/catalog/_partials/products.tpl b/templates/catalog/_partials/products.tpl index d415de7..2313acc 100644 --- a/templates/catalog/_partials/products.tpl +++ b/templates/catalog/_partials/products.tpl @@ -23,6 +23,7 @@ * International Registered Trademark & Property of PrestaShop SA *} +{if $page.meta.title == 'Custom made' || $page.meta.title == 'custom made' || $page.meta.title == 'Custom Made' || $page.meta.title == 'custom'}

@@ -54,9 +56,12 @@ {/foreach}
+{if $page.meta.title != 'Custom made' && $page.meta.title != 'custom made' && $page.meta.title != 'Custom Made' && $page.meta.title != 'custom'} {block name='pagination'} {include file='_partials/pagination.tpl' pagination=$listing.pagination} {/block} +{/if} +
@@ -66,45 +71,27 @@
-
- Image -
-

Because You Are Unique.

-

So Is Your Body…

-
+{if $page.meta.title == 'Custom made' || $page.meta.title == 'custom made' || $page.meta.title == 'Custom Made' || $page.meta.title == 'custom'} +
+
+

Custom Fit for your Comfort

- Custom-made shirts and tuxedos are tailored specifically for you, offering an unparalleled fit. - Experience unmatched comfort and style with our tailored suits, crafted to celebrate your uniqueness. + Custom-made tuxedos are tailored specifically for you, offering an unparalleled fit. + Experience unmatched comfort and style with our tailored tuxedos, crafted to celebrate your uniqueness.

- Design Your Suit + href="https://brooksbingham.com/module/thob/configurator?id_product=77"> + Design Your Tuxedos + href="https://brooksbingham.com/module/thob/configurator?id_product=75"> Design Your Suit
-

Customize Your Apparel in 3 Steps:

@@ -293,39 +282,113 @@
-
+ + +

How Can You Get Measured?

-
-
    -
  • - Simply scan the QR code at checkout.
    • -
  • - Carefully watch the instruction video.
    • -
  • - Next, you will have 2 photos taken to collect all needed measurements to create your custom fit.
    • -
-
-

- (Disclaimer: Please follow the instruction video closely as it will guide you to wear specific clothing, stand barefoot, etc.) -

-
- - Know more - - - - - + +
+
    +
  • +
    +
    +

    + 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 + + + + + +
    +
    +
    +
    • +
+ +{/if} diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 587f255..b436f2a 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -319,7 +319,77 @@ world of custom garments.

-{/if} + + + + + + + + + + + {/if} + {block name="right_column"}
{if $page.page_name == 'product'}