mohitj
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

fix:Add SEO content in layouts instead of featured products module

pagebuilder
apurvab 2024-05-27 11:29:10 +05:30
parent 5eabf463bf
commit 0e534a8fe0
3 changed files with 77 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/theme.css
View File

@ -871,9 +871,9 @@ select {
margin-bottom: 0.5rem;
}
.my-28 {
margin-top: 7rem;
margin-bottom: 7rem;
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.my-5 {

74
modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
View File

@ -37,79 +37,7 @@
</a>
</section>
<div class="container">
<h2 class="products-section-title text-2xl font-bold mb-16 mt-20"> Product Categories </h2>
<div class=" flex md:flex-row flex-col gap-8 lg:mb-32">
<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">Custom made 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">Custom made 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">Custom made 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">Custom made Tuxedos</h3>
</a>
</div>
</div>
</div>
<div class="flex lg:flex-row flex-col bg-[#000E2A] mt-16">
<div class="lg:w-[70%] object-fit">
<img class="" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_1142-min.jpg"/>
</div>
<div class="lg:w-[30%] bg-[#000E2A] p-4">
<p class="text-2xl font-bold text-gray-50 2xl:mt-64 lg:mt-48 mt-8 mb-6">Business suits for men</p>
<p class="text-lg front-semibold text-gray-50">Tailored business Suits designed for you to make a powerful impression and radiate confidence.</p>
<a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
<button class="font-semibold bg-slate-200 w-28 2xl:mt-64 mt-12 bottom-0 text-lg">Explore more<button>
</a>
</div>
</div>
<article class="article group lg:mt-24 lg:mb-20 mt-16 ">
<img class="image md:w-1/2 right object-cover my-5 h-[350px]" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg">
<section class="content my-20">
<h2 class="font-bold lg:text-2xl ">Get the Perfect Fit</h2>
<p class="font-semibold lg:text-xl sm:text-sm mb-4">Experience a flawless & Ideal fit tailored to Your Specifications</p>
<p class="font-semibold lg:text-lg sm:text-sm">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.</p>
<a class="all-product-link text-lg font-bold mt-8 flex items-center" href="https://brooksbingham.com/17-custom-made-clothing">
{l s='Explore'}
<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>
</article>
<article class="article group mb-4">
<img class="image md:w-1/2 left object-cover my-5 h-[350px]" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg">
<section class="content my-20">
<h2 class="font-bold lg:text-2xl ">Timeless Quality</h2>
<p class="font-semibold lg:text-xl mb-4 sm:text-sm">Fashion that stands the test of time.</p>
<p class="font-semibold lg:text-lg sm:text-sm">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.</p>
<a class="all-product-link text-lg font-bold mt-8 flex items-center" href="https://brooksbingham.com/17-custom-made-clothing">
{l s='Explore' }
<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>
</article>

74
templates/layouts/layout-both-columns.tpl
View File

@ -85,6 +85,80 @@
{/block}
{if $page.page_name == 'index'}
<div class="container">
<h2 class="products-section-title text-2xl font-bold mb-16 mt-20"> Product Categories </h2>
<div class=" flex md:flex-row flex-col gap-8 lg:mb-32">
<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">Custom made 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">Custom made 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">Custom made 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">Custom made Tuxedos</h3>
</a>
</div>
</div>
</div>
<div class="flex lg:flex-row flex-col bg-[#000E2A] mt-16">
<div class="lg:w-[70%] object-fit">
<img class="" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_1142-min.jpg"/>
</div>
<div class="lg:w-[30%] bg-[#000E2A] p-4">
<p class="text-2xl font-bold text-gray-50 2xl:mt-64 lg:mt-48 mt-8 mb-6">Business suits for men</p>
<p class="text-lg front-semibold text-gray-50">Tailored business Suits designed for you to make a powerful impression and radiate confidence.</p>
<a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
<button class="font-semibold bg-slate-200 w-28 2xl:mt-64 mt-12 bottom-0 text-lg">Explore more<button>
</a>
</div>
</div>
<article class="article group lg:mt-24 lg:mb-20 mt-16 ">
<img class="image md:w-1/2 right object-cover my-5 h-[350px]" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg">
<section class="content my-20">
<h2 class="font-bold lg:text-2xl ">Get the Perfect Fit</h2>
<p class="font-semibold lg:text-xl sm:text-sm mb-4">Experience a flawless & Ideal fit tailored to Your Specifications</p>
<p class="font-semibold lg:text-lg sm:text-sm">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.</p>
<a class="all-product-link text-lg font-bold mt-8 flex items-center" href="https://brooksbingham.com/17-custom-made-clothing">
{l s='Explore'}
<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>
</article>
<article class="article group mb-4">
<img class="image md:w-1/2 left object-cover my-5 h-[350px]" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg">
<section class="content my-20">
<h2 class="font-bold lg:text-2xl ">Timeless Quality</h2>
<p class="font-semibold lg:text-xl mb-4 sm:text-sm">Fashion that stands the test of time.</p>
<p class="font-semibold lg:text-lg sm:text-sm">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.</p>
<a class="all-product-link text-lg font-bold mt-8 flex items-center" href="https://brooksbingham.com/17-custom-made-clothing">
{l s='Explore' }
<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>
</article>
<h2 class="font-bold lg:text-2xl text-center md:mt-28 mt-18 mb-4">Browse through our Sophisticated Design</h2>
<p class="font-semibold lg:text-xl lg:text-center text-justify mb-16 ">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.</p>
<div class="flex flex-col gap-1">