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

refactor:change images

main
sayalip 2024-06-24 22:07:39 +05:30
parent 1df40204aa
commit ee7ab166fd
1 changed files with 50 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
templates/catalog/_partials/products.tpl
View File

@ -64,7 +64,7 @@
</a> </a>
</div> </div>
</div> </div>
i
<div class="relative <div class="relative
flex flex
@ -92,9 +92,9 @@ i
</div> </div>
<div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-16 mx-auto"> <div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-16 mx-auto">
<div class="mx-3 w-full md:w-1/2 text-center md:text-left"> <div class="mx-3 w-full md:w-[70%] text-center md:text-left xl:pl-12 lg:pl-2 pl-0">
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl"> <h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
Custom Fit for your Comfort Custom Fit for teyour Comfort
</h1> </h1>
<p class="lg:text-xl font-medium pt-5"> <p class="lg:text-xl font-medium pt-5">
Custom-made shirts and tuxedos are tailored just for you, offering a fit like no other. Custom-made shirts and tuxedos are tailored just for you, offering a fit like no other.
@ -120,54 +120,30 @@ i
</svg> </svg>
</a> </a>
</div> </div>
<div class="w-full md:w-1/2"> <div class="w-full md:w-[30%]">
<img class="image p-3 object-cover w-full" <img class="image p-3 object-scale-down w-full lg:h-[500px] h-full right-0"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg"> src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/image%201.jpg">
</div> </div>
</div> </div>
<div class="flex md:flex-row flex-col items-center mx-auto md:mt-24 mt-16">
<div class="w-full md:w-[30%]">
<div class="flex <img class="image p-3 object-scale-down lg:h-[500px] h-full w-full"
mt-20 src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/image%202.jpg">
md:mt-24
md:flex-row
flex-col
items-center
mx-auto">
<div class="w-full md:w-1/2">
<img class="image
p-3
object-cover
w-full"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg">
</div> </div>
<div class="mx-3 w-full md:w-1/2 text-center md:text-left"> <div class="mx-3 w-full md:w-[70%] text-center md:text-left lg:pr-10 pr-1">
<h1 class="font-bold <h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
lg:text-3xl Not Just Made-To-Order
md:text-2xl </h1>
text-xl"> <p class="lg:text-xl font-medium pt-5">
Not Just Made-To-Order </h1>
<p class="lg:text-xl
font-medium
pt-5">
Our Custom Designed Suits are made to last. Enjoy a personalized, custom-fit experience that not only sets you apart Our Custom Designed Suits are made to last. Enjoy a personalized, custom-fit experience that not only sets you apart
from ready-to-wear options but is also designed to be durable.</p> from ready-to-wear options but is also designed to be durable.
<a class="all-product-link </p>
text-xl <a class="all-product-link text-xl font-bold mt-8 flex items-center justify-center md:justify-start"
font-bold href="https://brooksbingham.com/17-custom-made-clothing">
mt-8 Design Your Suit
flex
items-center
justify-center
md:justify-start"
href="https://brooksbingham.com/17-custom-made-clothing"> Design Your Suit
<svg xmlns="http://www.w3.org/2000/svg" <svg xmlns="http://www.w3.org/2000/svg"
class="icon class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right"
stroke-gray-600
stroke-[3px]
icon-tabler
icon-tabler-chevron-right"
width="24" width="24"
height="24" height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -179,7 +155,8 @@ i
<path stroke="none" <path stroke="none"
d="M0 0h24v24H0z" d="M0 0h24v24H0z"
fill="none"/> fill="none"/>
<path d="M9 6l6 6l-6 6" /></svg> <path d="M9 6l6 6l-6 6" />
</svg>
</a> </a>
</div> </div>
</div> </div>
@ -188,6 +165,7 @@ i
<div class="mx-auto"> <div class="mx-auto">
<div class="max-w-screen-lg <div class="max-w-screen-lg
mx-auto mx-auto
@ -219,10 +197,10 @@ i
<div> <div>
<img class="w-full <img class="w-full
lg:w-80 lg:w-80
h-auto h-72
pt-4 pt-4
pb-3" pb-3"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg" alt="Select the Fabric"> src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/fabric%20image.jpeg" alt="Select the Fabric">
</div> </div>
<div class="mt-4"> <div class="mt-4">
<h4 class="text-xl <h4 class="text-xl
@ -253,10 +231,11 @@ i
<div> <div>
<img class="w-full <img class="w-full
lg:w-80 lg:w-80
h-auto h-72
pt-4 pt-4
pb-3" pb-3
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg" alt="Finalize the Design"> object-cover"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/20-06-23%20Brooks%20Bingham%20Summer_479.jpg" alt="Finalize the Design">
</div> </div>
<div class="mt-4"> <div class="mt-4">
<h4 class="text-xl <h4 class="text-xl
@ -286,10 +265,11 @@ i
<div> <div>
<img class="w-full <img class="w-full
lg:w-80 lg:w-80
h-auto h-72
pt-4 pt-4
pb-3" pb-3
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg" alt="Get Measured"> object-cover"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/3d%20format%20measure.jpg" alt="Get Measured">
</div> </div>
<div class="mt-4"> <div class="mt-4">
<h4 class="text-xl <h4 class="text-xl