forked from brooksbingham/theme-elegance
Merge pull request 'refactor: make styling changes on homepage & custom made page' (#46) from apurvab/theme-elegance:main into main
Reviewed-on: brooksbingham/theme-elegance#46fix/facets
commit
5fa0c8b2aa
|
|
@ -0,0 +1,3 @@
|
|||
body{
|
||||
background-color:white;
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
|
@ -783,10 +803,6 @@ select {
|
|||
bottom: 0px;
|
||||
}
|
||||
|
||||
.bottom-1 {
|
||||
bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.bottom-\[50\%\] {
|
||||
bottom: 50%;
|
||||
}
|
||||
|
|
@ -807,14 +823,14 @@ select {
|
|||
right: 3rem;
|
||||
}
|
||||
|
||||
.right-2 {
|
||||
right: 0.5rem;
|
||||
}
|
||||
|
||||
.right-4 {
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
.right-8 {
|
||||
right: 2rem;
|
||||
}
|
||||
|
||||
.top-0 {
|
||||
top: 0px;
|
||||
}
|
||||
|
|
@ -839,38 +855,6 @@ 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;
|
||||
|
|
@ -924,10 +908,6 @@ select {
|
|||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.mb-16 {
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
.mb-2 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
|
@ -984,10 +964,6 @@ select {
|
|||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.mt-20 {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
.mt-24 {
|
||||
margin-top: 6rem;
|
||||
}
|
||||
|
|
@ -1008,10 +984,6 @@ select {
|
|||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.mb-20 {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -1032,10 +1004,6 @@ select {
|
|||
display: flow-root;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1068,6 +1036,10 @@ select {
|
|||
height: 2rem;
|
||||
}
|
||||
|
||||
.h-\[50vh\] {
|
||||
height: 50vh;
|
||||
}
|
||||
|
||||
.h-auto {
|
||||
height: auto;
|
||||
}
|
||||
|
|
@ -1076,6 +1048,10 @@ select {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.h-screen {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.max-h-\[40px\] {
|
||||
max-height: 40px;
|
||||
}
|
||||
|
|
@ -1140,6 +1116,10 @@ select {
|
|||
width: 160px;
|
||||
}
|
||||
|
||||
.w-\[40\%\] {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.w-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -1149,6 +1129,10 @@ select {
|
|||
width: max-content;
|
||||
}
|
||||
|
||||
.w-16 {
|
||||
width: 4rem;
|
||||
}
|
||||
|
||||
.max-w-6xl {
|
||||
max-width: 72rem;
|
||||
}
|
||||
|
|
@ -1212,10 +1196,6 @@ select {
|
|||
list-style-type: square;
|
||||
}
|
||||
|
||||
.grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
|
@ -1244,6 +1224,10 @@ select {
|
|||
align-items: baseline;
|
||||
}
|
||||
|
||||
.justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
|
@ -1288,15 +1272,6 @@ 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));
|
||||
|
|
@ -1325,6 +1300,10 @@ select {
|
|||
border-width: 1px;
|
||||
}
|
||||
|
||||
.border-2 {
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.border-t {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
|
@ -1388,6 +1367,11 @@ select {
|
|||
border-color: rgb(252 165 165 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-white {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.bg-black\/70 {
|
||||
background-color: rgb(0 0 0 / 0.7);
|
||||
}
|
||||
|
|
@ -1427,6 +1411,14 @@ select {
|
|||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-cover {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.bg-center {
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.stroke-black {
|
||||
stroke: #000;
|
||||
}
|
||||
|
|
@ -1456,6 +1448,10 @@ select {
|
|||
object-fit: cover;
|
||||
}
|
||||
|
||||
.p-1 {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
.p-2 {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
|
@ -1482,6 +1478,11 @@ select {
|
|||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.px-5 {
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
}
|
||||
|
||||
.px-6 {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
|
|
@ -1529,6 +1530,10 @@ select {
|
|||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.pl-4 {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.pl-6 {
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
|
@ -1537,14 +1542,6 @@ select {
|
|||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.pr-1 {
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
|
||||
.pr-1\.5 {
|
||||
padding-right: 0.375rem;
|
||||
}
|
||||
|
||||
.pr-2 {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
|
@ -1573,6 +1570,10 @@ select {
|
|||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pt-8 {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -2071,6 +2072,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
.md\:mt-24 {
|
||||
margin-top: 6rem;
|
||||
}
|
||||
|
||||
.md\:block {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -2083,6 +2088,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.md\:h-\[300px\] {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.md\:h-\[3rem\] {
|
||||
height: 3rem;
|
||||
}
|
||||
|
|
@ -2107,14 +2116,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
width: 6rem;
|
||||
}
|
||||
|
||||
.md\:w-3\/5 {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.md\:w-3\/6 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.md\:w-8\/12 {
|
||||
width: 66.666667%;
|
||||
}
|
||||
|
||||
.md\:flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
|
@ -2143,6 +2152,15 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding: 2rem;
|
||||
}
|
||||
|
||||
.md\:px-4 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.md\:pl-12 {
|
||||
padding-left: 3rem;
|
||||
}
|
||||
|
||||
.md\:pl-4 {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
|
@ -2159,14 +2177,13 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-right: 12rem;
|
||||
}
|
||||
|
||||
.md\:text-3xl {
|
||||
font-size: 1.875rem;
|
||||
line-height: 2.25rem;
|
||||
.md\:pt-6 {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
.md\:text-4xl {
|
||||
font-size: 2.25rem;
|
||||
line-height: 2.5rem;
|
||||
.md\:text-2xl {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.md\:text-base {
|
||||
|
|
@ -2184,9 +2201,22 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
.md\:text-3xl {
|
||||
font-size: 1.875rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
|
||||
.md\:font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.md\:font-medium {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.md\:font-semibold {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
|
|
@ -2194,22 +2224,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
position: static;
|
||||
}
|
||||
|
||||
.lg\:bottom-3 {
|
||||
bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.lg\:right-0 {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.lg\:mb-32 {
|
||||
margin-bottom: 8rem;
|
||||
}
|
||||
|
||||
.lg\:mb-2 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.lg\:flex {
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -2218,6 +2236,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.lg\:h-\[400px\] {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.lg\:h-\[90vh\] {
|
||||
height: 90vh;
|
||||
}
|
||||
|
|
@ -2242,6 +2264,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
width: 60%;
|
||||
}
|
||||
|
||||
.lg\:w-52 {
|
||||
width: 13rem;
|
||||
}
|
||||
|
||||
.lg\:w-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -2274,8 +2300,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
background-color: transparent;
|
||||
}
|
||||
|
||||
.lg\:p-4 {
|
||||
padding: 1rem;
|
||||
.lg\:px-36 {
|
||||
padding-left: 9rem;
|
||||
padding-right: 9rem;
|
||||
}
|
||||
|
||||
.lg\:py-0 {
|
||||
|
|
@ -2283,15 +2310,42 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.lg\:pl-24 {
|
||||
padding-left: 6rem;
|
||||
}
|
||||
|
||||
.lg\:pt-24 {
|
||||
padding-top: 6rem;
|
||||
}
|
||||
|
||||
.lg\:pt-9 {
|
||||
padding-top: 2.25rem;
|
||||
}
|
||||
|
||||
.lg\:text-2xl {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.lg\:text-4xl {
|
||||
font-size: 2.25rem;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.lg\:text-5xl {
|
||||
font-size: 3rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.lg\:text-xl {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.lg\:font-semibold {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.lg\:font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
|
@ -2307,5 +2361,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
.xl\:w-1\/4 {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.xl\:w-9\/12 {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,25 +0,0 @@
|
|||
{**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License version 3.0
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
|
||||
*}
|
||||
|
||||
<a class="w-full md:w-1/3 lg:w-1/4 flex flex-col p-4 border-gray-500" id="wishlist-link" disabled>
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-ruler-measure" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.875 12c.621 0 1.125 .512 1.125 1.143v5.714c0 .631 -.504 1.143 -1.125 1.143h-15.875a1 1 0 0 1 -1 -1v-5.857c0 -.631 .504 -1.143 1.125 -1.143h15.75z" /><path d="M9 12v2" /><path d="M6 12v3" /><path d="M12 12v3" /><path d="M18 12v3" /><path d="M15 12v2" /><path d="M3 3v4" /><path d="M3 5h18" /><path d="M21 3v4" /></svg>
|
||||
Body Measurements
|
||||
</span>
|
||||
</a>
|
||||
|
|
@ -31,13 +31,32 @@
|
|||
{include file="catalog/_partials/miniatures/product.tpl" product=$product}
|
||||
{/foreach}
|
||||
</div>
|
||||
<a class="all-product-link text-2xl font-bold w-full flex items-center justify-end mb-24" href="{$allProductsLink}">
|
||||
<a class="all-product-link text-2xl font-bold w-full flex items-center justify-end " href="{$allProductsLink}">
|
||||
{l s='All products' d='Shop.Theme.Catalog'}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
|
||||
{if $page.page_name == "index"}
|
||||
<div class="mt-12 md:mt-24 flex relative items-center left-0 right-0 mb-12 ">
|
||||
<img class="w-full lg:h-[400px] md:h-[300px] h-full object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/seo-img6.png">
|
||||
<div class="absolute text-white lg:pl-24 md:pl-12 pl-4">
|
||||
<h1 class="md:font-bold font-semibold lg:text-4xl md:text-2xl text-sm">Step into Style with a Custom Touch</h1>
|
||||
<p class="lg:font-semibold md:font-medium font-base lg:text-2xl md:text-lg text-xs md:w-8/12 lg:pt-9 md:pt-6 pt-4">
|
||||
Our perfect fit guarantee ensures that every plece you order is tailored to your exact specifications,
|
||||
delivering a perfect fit every time.
|
||||
</p>
|
||||
<div class="lg:w-52 md:w-42 w-38 flex justify-start pt-4">
|
||||
<a class="all-product-link lg:text-xl md:text-md text-xs md:font-semibold font-base
|
||||
flex border border-2 border-white md:p-2 p-1 md:px-4 px-2 hover:text-white"
|
||||
href="https://brooksbingham.com/17-custom-made-clothing">
|
||||
Start Customization
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/if}
|
||||
|
||||
|
|
|
|||
|
|
@ -24,9 +24,9 @@
|
|||
*}
|
||||
|
||||
{block name='header_top'}
|
||||
<div class="container mx-auto">
|
||||
<div class="container mx-auto z-10">
|
||||
<div class="relative -mx-4 flex items-center justify-between h-24">
|
||||
<div class="w-40 max-md:pl-4 max-w-full ">
|
||||
<div class="w-16 max-md:pl-4 max-w-full ">
|
||||
<a class="block w-full " href="{$urls.base_url}">
|
||||
<img class="w-full" src="{$shop.logo}" alt="{$shop.name}"/>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -22,6 +22,32 @@
|
|||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* 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'}
|
||||
<div class=" mx-auto h-[50vh] flex flex-col justify-center ">
|
||||
<h1 class="lg:font-semibold
|
||||
font-bold
|
||||
lg:text-4xl
|
||||
md:text-2xl
|
||||
text-xl
|
||||
text-center">
|
||||
Curate a Perfect Wardrobe with Our Custom-Made Apparel </h1>
|
||||
<p class="lg:px-36
|
||||
lg:text-xl
|
||||
text-lg
|
||||
font-medium
|
||||
px-5
|
||||
text-center
|
||||
xl:w-9/12
|
||||
mx-auto
|
||||
pt-8">
|
||||
Step into our world of custom-made luxury with Brooks Bingham, offering you Custom Business Shirts,
|
||||
Custom Sport Jackets, Custom Made Tuxedos, and more. </p>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
<div id="js-product-list" class="flex flex-col">
|
||||
<div class="products flex flex-wrap">
|
||||
{foreach from=$listing.products item="product"}
|
||||
|
|
@ -31,9 +57,11 @@
|
|||
{/foreach}
|
||||
</div>
|
||||
|
||||
{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}
|
||||
|
||||
<div class="flex justify-center md:hidden my-8">
|
||||
<a href="#js-product-list-header" class="btn btn-secondary font-semibold">
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@
|
|||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*}
|
||||
|
||||
<!--
|
||||
<div class="relative flex-1 w-full max-w-[240px] group">
|
||||
<button
|
||||
class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left"
|
||||
|
|
@ -50,3 +51,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
|
@ -84,108 +84,6 @@
|
|||
</div>
|
||||
{/block}
|
||||
|
||||
{if $page.page_name == 'index'}
|
||||
<div class="container">
|
||||
<h2 class="products-section-title text-2xl font-bold mb-16 mt-20 text-center"> Custom design by you</h2>
|
||||
<div class=" flex md:flex-row flex-col gap-8 lg:mb-32 mb-20">
|
||||
<div href="https://brooksbingham.com/module/thob/configurator?id_product=74">
|
||||
<a href="https://brooksbingham.com/module/thob/configurator?id_product=74">
|
||||
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/111-home_default/business-shirt.jpg"/>
|
||||
<h3 class="text-center text-lg pt-4 font-semibold"> Shirts</h3>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
|
||||
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/107-home_default/business-suit.jpg"/>
|
||||
<h3 class="text-center text-lg pt-4 font-semibold"> Suits</h3>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="https://brooksbingham.com/module/thob/configurator?id_product=76">
|
||||
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/108-home_default/sports-jacket.jpg"/>
|
||||
<h3 class="text-center text-lg pt-4 font-semibold">Sport Jackets</h3>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="https://brooksbingham.com/module/thob/configurator?id_product=77">
|
||||
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/112-home_default/tuxedo.jpg"/>
|
||||
<h3 class="text-center text-lg pt-4 font-semibold"> Tuxedos</h3>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="lg:mb-32 mb-20" >
|
||||
<h1 class="text-2xl font-bold text-center">Design and Visualize what you need</h1>
|
||||
<h3 class="text-lg font-semibold text-center mb-12">Choose what looks good on you </h3>
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png"/>
|
||||
</div>
|
||||
|
||||
<div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1 mb-1">
|
||||
<div class="row-span-3 col-start-1 row-end-2 relative">
|
||||
<h3 class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium lg:text-xl lg:mb-2 pr-1.5 xxs lg:p-4">Business Suits for Men</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-white text-lg hide-on-small p-4">Make a powerful impression and radiate confidence</h3>
|
||||
<img class="object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-big%20img.jpg" alt="Tailored business Suits designed for you to make a
|
||||
powerful impression and radiate confidence." />
|
||||
</div>
|
||||
<div class="col-span-1 col-start-2 row-span-2 flex relative">
|
||||
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl lg:mb-2 xxs lg:p-4">Browse through our design</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-lg hide-on-small p-4">Get inspired with our curated outfit ideas</h3>
|
||||
<img class=" object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-small-img1.png" />
|
||||
</div>
|
||||
<div class="row-start-1 col-start-2 col-span-1 row-span-1 relative ">
|
||||
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl lg:mb-2 xxs lg:p-4">Get the perfect fit</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-lg p-4 hide-on-small">Get inspired with our curated outfit ideas</h3>
|
||||
<img class=" object-cover h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-small-img2.jpg"
|
||||
alt="The future of fashion with our innovative designs. Customization options tailored to your measurements and discover your perfect fit in minutes" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1">
|
||||
<div class="row-span-3 col-start-2 row-end-2 relative">
|
||||
<h3 class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium pr-1.5 lg:text-xl lg:mb-2 xxs lg:p-4">Wear Your Identity</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-white text-lg hide-on-small p-4">Fashion that speaks volumes</h3>
|
||||
<img class="object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-big%20img.jpg" />
|
||||
</div>
|
||||
<div class="col-span-1 col-start-1 row-span-2 flex relative">
|
||||
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl lg:mb-2 xxs lg:p-4">Timeless Quality </h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-lg hide-on-small p-4">Fashion that stands the test of time</h3>
|
||||
<img class=" object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg" alt="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." />
|
||||
</div>
|
||||
<div class="row-start-1 col-start-1 col-span-1 row-span-1 relative ">
|
||||
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl lg:mb-2 xxs lg:p-4">Tailored to your specifications </h3>
|
||||
<h3 class="absolute bottom-0 right-0 hide-on-small text-lg p-4">Tailor every detail to match your preferences</h3>
|
||||
<img class=" object-cover h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img2.png" /> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<a class="all-product-link text-2xl font-bold w-full flex items-center justify-end mt-8 mb-8" href="https://brooksbingham.com/content/9-gallery">
|
||||
{l s='View More' d='Shop.Theme.Catalog'}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<div class="flex">
|
||||
<div class="flex justify-center p-4">
|
||||
<div class="md:w-3/5 relative text-center">
|
||||
<p class="md:text-3xl text-xl p-4 font-medium"><b class="md:text-4xl text-xl ">“</b>
|
||||
<b>BrooksBingham</b> is your destination for custom-tailored menswear, where authenticity is woven into every stitch.<b class="md:text-4xl text-xl">”</b></p>
|
||||
|
||||
<p class="text-sm"> Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
|
||||
{block name="right_column"}
|
||||
<div id="right-column" class="col-xs-12 col-sm-4 col-md-3">
|
||||
{if $page.page_name == 'product'}
|
||||
|
|
|
|||
Loading…
Reference in New Issue