Compare commits

...

16 Commits

Author SHA1 Message Date
apurvab 9cb69810ff Merge pull request 'refactor: Remove all hard coded sections from theme' (#34) from apurvab/theme-elegance:update into pagebuilder
Reviewed-on: brooksbingham/theme-elegance#34
2024-07-02 09:40:36 +00:00
apurvabangali 27f0ca7fcd refactor: Remove all hard coded sections from theme 2024-07-02 15:03:19 +05:30
jatiny f3efe544bb Merge pull request 'chore: update image links' (#33) from jatiny/theme-elegance:staging into staging
Reviewed-on: brooksbingham/theme-elegance#33
2024-07-02 09:04:31 +00:00
jatin 9c631ba317 chore: update image links 2024-07-02 14:33:25 +05:30
jatiny 06cebc0caa Merge pull request 'Home and Custom made changes' (#32) from sayalip/theme-elegance:home-custom into staging
Reviewed-on: brooksbingham/theme-elegance#32
2024-07-02 07:29:26 +00:00
sayalip 5faefdca77 refactor:remove filter 2024-07-01 14:18:47 +05:30
sayalip 3b991ae766 chore: update theme.css 2024-07-01 14:09:25 +05:30
sayalip 077afbc257 refactor:change SEO section 2024-07-01 14:09:05 +05:30
sayalip 10075f1780 chore: update theme.css 2024-07-01 14:07:50 +05:30
apurvab 5a26acca4e Merge pull request 'fix: remove override file to enable body measurements button' (#31) from apurvab/theme-elegance:update into staging
Reviewed-on: brooksbingham/theme-elegance#31
2024-07-01 08:19:31 +00:00
apurvabangali d15bdaaa6f fix: add slider in layouts 2024-06-28 13:58:30 +05:30
apurvab e8f84e4cc0 Resolved merge conflict in assets/css/theme.css 2024-06-27 18:39:21 +05:30
apurvabangali b7919f182d fix: delete bodymeasurements override 2024-06-27 18:14:55 +05:30
jatiny 7bb502d306 Merge pull request 'refactor:add SEO section for cutom-made page' (#30) from sayalip/theme-elegance:main into staging
Reviewed-on: brooksbingham/theme-elegance#30
2024-06-24 17:04:59 +00:00
sayalip ee7ab166fd refactor:change images 2024-06-24 22:07:39 +05:30
sayalip 1df40204aa feat:add SEO section for custom made page 2024-06-14 13:22:46 +05:30
6 changed files with 34 additions and 260 deletions

129
assets/css/theme.css Executable file → Normal file
View File

@ -803,10 +803,6 @@ select {
bottom: 0px;
}
.bottom-1 {
bottom: 0.25rem;
}
.bottom-\[50\%\] {
bottom: 50%;
}
@ -823,12 +819,12 @@ select {
right: 0px;
}
.right-12 {
right: 3rem;
.right-1 {
right: 0.25rem;
}
.right-2 {
right: 0.5rem;
.right-12 {
right: 3rem;
}
.right-4 {
@ -859,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;
@ -944,18 +908,10 @@ select {
margin-bottom: 3rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.mb-24 {
margin-bottom: 6rem;
}
@ -1008,10 +964,6 @@ select {
margin-top: 0.5rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-24 {
margin-top: 6rem;
}
@ -1052,10 +1004,6 @@ select {
display: flow-root;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
@ -1088,10 +1036,6 @@ select {
height: 2rem;
}
.h-\[50vh\] {
height: 50vh;
}
.h-auto {
height: auto;
}
@ -1236,10 +1180,6 @@ select {
list-style-type: square;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
@ -1312,15 +1252,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));
@ -1506,6 +1437,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;
@ -1561,14 +1497,6 @@ select {
padding-right: 0px;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-1\.5 {
padding-right: 0.375rem;
}
.pr-2 {
padding-right: 0.5rem;
}
@ -2131,10 +2059,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
width: 6rem;
}
.md\:w-3\/5 {
width: 60%;
}
.md\:w-3\/6 {
width: 50%;
}
@ -2183,16 +2107,6 @@ 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;
@ -2218,22 +2132,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
position: static;
}
.lg\:bottom-3 {
bottom: 0.75rem;
}
.lg\:right-0 {
right: 0px;
}
.lg\:mb-2 {
margin-bottom: 0.5rem;
}
.lg\:mb-32 {
margin-bottom: 8rem;
}
.lg\:flex {
display: flex;
}
@ -2298,10 +2200,6 @@ 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;
@ -2311,15 +2209,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-top: 6rem;
}
.lg\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.lg\:font-bold {
font-weight: 700;
}
.lg\:shadow-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;

View File

@ -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>

View File

@ -22,7 +22,7 @@
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
<div class="product-add-to-cart flex flex-col gap-3 mt-8 mb-4">
<div class="product-add-to-cart flex flex-col gap-3 mb-4">
{if !$configuration.is_catalog}
{block name='product_availability'}

View File

@ -22,6 +22,8 @@
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
<div id="js-product-list" class="flex flex-col">
<div class="products flex flex-wrap">
{foreach from=$listing.products item="product"}
@ -41,3 +43,5 @@
</a>
</div>
</div>

View File

@ -1,12 +1,15 @@
{**
* 2007-2019 PrestaShop and Contributors
* 2006-2019 PrestaShop and Contributors
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
* This source file is subject to the Academic Free License 2.0 (AFL-3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
* https://opensource.org/licenses/AFL-4.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.
@ -18,31 +21,32 @@
* needs please refer to https://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2019 PrestaShop SA and Contributors
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
* @copyright 2006-2019 PrestaShop SA and Contributors
* @license https://opensource.org/licenses/AFL-4.0 Academic Free License 3.0 (AFL-3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
<div class="relative flex-1 w-full max-w-[240px] group">
<!--
<div class="relative flex-2 w-full max-w-[240px] group">
<button
class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left"
class="dropdown-toggle relative px-5 pr-6 leading-1 w-full text-left"
type="button"
rel="nofollow"
aria-haspopup="true"
aria-expanded="false">
{if isset($listing.sort_selected)}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if}
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down absolute right-0 top-1" width="16" height="16" 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>
<path d="M6 9l6 6l6 -6"></path>
<svg xmlns="http://www.w2.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down absolute right-0 top-1" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M-1 0h24v24H0z" fill="none"></path>
<path d="M5 9l6 6l6 -6"></path>
</svg>
</button>
<div class="dropdown-menu hidden group-hover:flex absolute top-full right-0 bg-white z-10 shadow-lg">
<div class="dropdown-menu hidden group-hover:flex absolute top-full right-1 bg-white z-10 shadow-lg">
<div class="flex flex-col whitespace-nowrap">
{foreach from=$listing.sort_orders item=sort_order}
<a
rel="nofollow"
href="{$sort_order.url}"
class="px-4 py-1 hover:text-yellow-700 select-list {['current' => $sort_order.current, 'js-search-link' => true]|classnames}"
class="px-5 py-1 hover:text-yellow-700 select-list {['current' => $sort_order.current, 'js-search-link' => true]|classnames}"
>
{$sort_order.label}
</a>
@ -50,3 +54,4 @@
</div>
</div>
</div>
-->

105
templates/layouts/layout-both-columns.tpl Executable file → Normal file
View File

@ -1,4 +1,4 @@
{**
{*
* 2007-2019 PrestaShop and Contributors
*
* NOTICE OF LICENSE
@ -55,6 +55,7 @@
{hook h='displayBeforeWrapper'}
{/block}
<section class="container mx-auto">
{block name='breadcrumb'}
{include file='_partials/breadcrumb.tpl'}
@ -84,107 +85,7 @@
</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 h-[50vh] items-center">
<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">