From 0f066fff63deec3a51cbd341d49f0e4a7f1ffa1e Mon Sep 17 00:00:00 2001 From: apurvab Date: Wed, 15 May 2024 12:11:05 +0530 Subject: [PATCH 1/5] refactor:Add SEO section on homepage --- _dev/elegance.css | 39 ++++ assets/css/theme.css | 181 +++++++----------- .../templates/hook/ps_featuredproducts.tpl | 24 +++ templates/layouts/layout-both-columns.tpl | 10 +- 4 files changed, 143 insertions(+), 111 deletions(-) mode change 100644 => 100755 _dev/elegance.css mode change 100644 => 100755 assets/css/theme.css mode change 100644 => 100755 modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl mode change 100644 => 100755 templates/layouts/layout-both-columns.tpl diff --git a/_dev/elegance.css b/_dev/elegance.css old mode 100644 new mode 100755 index ea22670..1fcff1d --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -35,3 +35,42 @@ ul { input[type="radio"],input[type="checkbox"] { @apply focus:ring-transparent; } + +.article{ + width:100%; + padding:12px; + + +} +.image{ + background:silver; + width:400px; + height:300px; + color:#efefef; + font-size:8rem; + &.right{ + float:right; + margin-left:30px; + } + &.left{ + float:left; + margin-right:30px; + } +} +.content{ + padding: 0 20px; + margin-top: 8%; + color:#444; + .headline{ + } +} +.group{ + &:before, + &:after { + content: ""; + display: table; + } + &:after { + clear: both; + } +} \ No newline at end of file diff --git a/assets/css/theme.css b/assets/css/theme.css old mode 100644 new mode 100755 index 68b5ba0..ba81371 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -759,6 +759,10 @@ select { visibility: collapse; } +.static { + position: static; +} + .fixed { position: fixed; } @@ -787,10 +791,6 @@ select { left: 0px; } -.left-1\/2 { - left: 50%; -} - .left-\[100\%\] { left: 100%; } @@ -880,8 +880,8 @@ select { margin-bottom: 0.25rem; } -.mb-16 { - margin-bottom: 4rem; +.mb-12 { + margin-bottom: 3rem; } .mb-2 { @@ -896,6 +896,10 @@ select { margin-bottom: 1rem; } +.mb-6 { + margin-bottom: 1.5rem; +} + .mb-8 { margin-bottom: 2rem; } @@ -984,8 +988,8 @@ select { aspect-ratio: 342/513; } -.aspect-square { - aspect-ratio: 1 / 1; +.h-1\/2 { + height: 50%; } .h-12 { @@ -1044,6 +1048,10 @@ select { width: 3.5rem; } +.w-2\/5 { + width: 40%; +} + .w-24 { width: 6rem; } @@ -1052,6 +1060,10 @@ select { width: 75%; } +.w-3\/5 { + width: 60%; +} + .w-32 { width: 8rem; } @@ -1080,10 +1092,6 @@ select { width: 2rem; } -.w-\[150px\] { - width: 150px; -} - .w-\[160px\] { width: 160px; } @@ -1097,10 +1105,6 @@ select { width: max-content; } -.w-px { - width: 1px; -} - .max-w-6xl { max-width: 72rem; } @@ -1264,10 +1268,6 @@ select { border-width: 1px; } -.border-b { - border-bottom-width: 1px; -} - .border-t { border-top-width: 1px; } @@ -1331,10 +1331,6 @@ select { border-color: rgb(252 165 165 / var(--tw-border-opacity)); } -.border-transparent { - border-color: transparent; -} - .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } @@ -1378,10 +1374,6 @@ select { stroke: #000; } -.stroke-blue-900 { - stroke: #1e3a8a; -} - .stroke-gray-500 { stroke: #6b7280; } @@ -1398,28 +1390,15 @@ select { stroke: inherit; } -.stroke-2 { - stroke-width: 2; -} - .stroke-\[3px\] { stroke-width: 3px; } -.object-contain { - -o-object-fit: contain; - object-fit: contain; -} - .object-cover { -o-object-fit: cover; object-fit: cover; } -.p-0 { - padding: 0px; -} - .p-2 { padding: 0.5rem; } @@ -1545,11 +1524,20 @@ select { text-align: justify; } +.text-end { + text-align: end; +} + .text-2xl { font-size: 1.5rem; line-height: 2rem; } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + .text-base { font-size: 1rem; line-height: 1.5rem; @@ -1740,6 +1728,46 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { --tw-ring-color: transparent; } +.article{ + width:100%; + padding:12px; +} + +.image{ + background:silver; + width:400px; + height:300px; + color:#efefef; + font-size:8rem; + &.right{ + float:right; + margin-left:30px; + } + &.left{ + float:left; + margin-right:30px; + } +} + +.content{ + padding: 0 20px; + margin-top: 8%; + color:#444; + .headline{ + } +} + +.group{ + &:before, + &:after { + content: ""; + display: table; + } + &:after { + clear: both; + } +} + .file\:mr-4::file-selector-button { margin-right: 1rem; } @@ -1918,26 +1946,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } @media not all and (min-width: 1024px) { - .max-lg\:hidden { - display: none; - } - - .max-lg\:w-full { - width: 100%; - } - .max-lg\:flex-col { flex-direction: column; } - - .max-lg\:items-center { - align-items: center; - } - - .max-lg\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } } @media not all and (min-width: 768px) { @@ -1953,10 +1964,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 100%; } - .max-md\:max-w-full { - max-width: 100%; - } - .max-md\:flex-col { flex-direction: column; } @@ -1982,17 +1989,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-left: 1rem; } - .max-md\:pr-2 { - padding-right: 0.5rem; - } - .max-md\:text-center { text-align: center; } - - .max-md\:leading-5 { - line-height: 1.25rem; - } } @media not all and (min-width: 640px) { @@ -2012,14 +2011,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } - .md\:left-1\/2 { - left: 50%; - } - - .md\:mb-4 { - margin-bottom: 1rem; - } - .md\:block { display: block; } @@ -2080,11 +2071,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { gap: 1rem; } - .md\:object-cover { - -o-object-fit: cover; - object-fit: cover; - } - .md\:p-2 { padding: 0.5rem; } @@ -2109,11 +2095,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-base { font-size: 1rem; line-height: 1.5rem; @@ -2151,8 +2132,8 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: none; } - .lg\:h-screen { - height: 100vh; + .lg\:h-\[90vh\] { + height: 90vh; } .lg\:w-1\/3 { @@ -2175,18 +2156,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 60%; } - .lg\:w-\[850px\] { - width: 850px; - } - .lg\:w-full { width: 100%; } - .lg\:max-w-\[850px\] { - max-width: 850px; - } - .lg\:max-w-full { max-width: 100%; } @@ -2224,11 +2197,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 6rem; } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - .lg\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; @@ -2240,9 +2208,4 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .xl\:w-1\/4 { width: 25%; } - - .xl\:text-6xl { - font-size: 3.75rem; - line-height: 1; - } -} +} \ No newline at end of file diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl old mode 100644 new mode 100755 index a484f6d..c52f328 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -36,3 +36,27 @@ + +

Business Suits for Men

+

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

+ +
+ Image +
+

Get the Perfect Fit

+

Experience a flawless & Ideal fit ,Tailored to Your Specifications

+

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.

+
+
+ +
+ Image +
+

Timeless Quality

+

Fashion that stands the test of time.

+

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.

+
+
+ + + diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl old mode 100644 new mode 100755 index d6fc308..4066596 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -85,6 +85,8 @@ {/block} {if $page.page_name == 'index'} +

Browse through our Sophisticated Design

+

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.

@@ -93,14 +95,18 @@
-
+
+ + {l s='View More' d='Shop.Theme.Catalog'} + + {/if} {block name="right_column"} From 7e73acdb9f103a4f8b6377e48c4dc0e476232d09 Mon Sep 17 00:00:00 2001 From: apurvab Date: Thu, 16 May 2024 16:48:47 +0530 Subject: [PATCH 2/5] fix:Change styling of SEO section. --- _dev/elegance.css | 146 +++++---- assets/css/theme.css | 125 +++++++- .../templates/hook/ps_featuredproducts.tpl | 124 ++++---- templates/layouts/layout-both-columns.tpl | 292 +++++++++--------- 4 files changed, 390 insertions(+), 297 deletions(-) mode change 100755 => 100644 _dev/elegance.css mode change 100755 => 100644 modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl mode change 100755 => 100644 templates/layouts/layout-both-columns.tpl diff --git a/_dev/elegance.css b/_dev/elegance.css old mode 100755 new mode 100644 index 1fcff1d..7fc1a64 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -1,76 +1,72 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - -body { - @apply bg-white; - @apply text-gray-600; - @apply font-light; -} - -a { - @apply text-gray-600; -} - -a:hover { - @apply text-blue-900; - @apply underline; - @apply underline-offset-2; -} - -.ti, .icon-tabler { - stroke-width: 1px; - fill: none; - @apply text-gray-500; - @apply stroke-gray-500; -} - -a:hover .ti, a:hover .icon-tabler { - @apply stroke-blue-900; -} - -ul { - @apply !list-inside; -} -input[type="radio"],input[type="checkbox"] { - @apply focus:ring-transparent; -} - -.article{ - width:100%; - padding:12px; - - -} -.image{ - background:silver; - width:400px; - height:300px; - color:#efefef; - font-size:8rem; - &.right{ - float:right; - margin-left:30px; - } - &.left{ - float:left; - margin-right:30px; - } -} -.content{ - padding: 0 20px; - margin-top: 8%; - color:#444; - .headline{ - } -} -.group{ - &:before, - &:after { - content: ""; - display: table; - } - &:after { - clear: both; - } +@tailwind base; +@tailwind components; +@tailwind utilities; + +body { + @apply bg-white; + @apply text-gray-600; + @apply font-light; +} + +a { + @apply text-gray-600; +} + +a:hover { + @apply text-blue-900; + @apply underline; + @apply underline-offset-2; +} + +.ti, .icon-tabler { + stroke-width: 1px; + fill: none; + @apply text-gray-500; + @apply stroke-gray-500; +} + +a:hover .ti, a:hover .icon-tabler { + @apply stroke-blue-900; +} + +ul { + @apply !list-inside; +} +input[type="radio"],input[type="checkbox"] { + @apply focus:ring-transparent; +} + +.article{ + width:100%; + padding:12px; + +} +.image{ + width:400px; + height:250px; + color:#efefef; + font-size:8rem; + &.right{ + float:right; + margin-left:30px; + } + &.left{ + float:left; + margin-right:30px; + } +} +.content{ + color:#444; + .headline{ + } +} +.group{ + &:before, + &:after { + content: ""; + display: table; + } + &:after { + clear: both; + } } \ No newline at end of file diff --git a/assets/css/theme.css b/assets/css/theme.css index ba81371..2f17a18 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -876,6 +876,31 @@ select { margin-bottom: 2rem; } +.my-\[30px\] { + margin-top: 30px; + margin-bottom: 30px; +} + +.my-\[20px\] { + margin-top: 20px; + margin-bottom: 20px; +} + +.my-\[35px\] { + margin-top: 35px; + margin-bottom: 35px; +} + +.my-\[40px\] { + margin-top: 40px; + margin-bottom: 40px; +} + +.my-\[45px\] { + margin-top: 45px; + margin-bottom: 45px; +} + .mb-1 { margin-bottom: 0.25rem; } @@ -888,6 +913,10 @@ select { margin-bottom: 0.5rem; } +.mb-20 { + margin-bottom: 5rem; +} + .mb-3 { margin-bottom: 0.75rem; } @@ -940,10 +969,18 @@ select { margin-top: 0.5rem; } +.mt-20 { + margin-top: 5rem; +} + .mt-24 { margin-top: 6rem; } +.mt-28 { + margin-top: 7rem; +} + .mt-3 { margin-top: 0.75rem; } @@ -960,6 +997,10 @@ select { margin-top: 2rem; } +.mb-16 { + margin-bottom: 4rem; +} + .block { display: block; } @@ -1524,20 +1565,11 @@ select { text-align: justify; } -.text-end { - text-align: end; -} - .text-2xl { font-size: 1.5rem; line-height: 2rem; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - .text-base { font-size: 1rem; line-height: 1.5rem; @@ -1734,9 +1766,8 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } .image{ - background:silver; width:400px; - height:300px; + height:250px; color:#efefef; font-size:8rem; &.right{ @@ -1750,15 +1781,13 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } .content{ - padding: 0 20px; - margin-top: 8%; color:#444; .headline{ } } .group{ - &:before, + &:before, &:after { content: ""; display: table; @@ -2001,9 +2030,22 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } @media (min-width: 640px) { + .sm\:mb-4 { + margin-bottom: 1rem; + } + .sm\:flex { display: flex; } + + .sm\:text-justify { + text-align: justify; + } + + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } } @media (min-width: 768px) { @@ -2011,6 +2053,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } + .md\:mt-28 { + margin-top: 7rem; + } + .md\:block { display: block; } @@ -2110,6 +2156,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 1.25rem; } + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + .md\:font-bold { font-weight: 700; } @@ -2124,6 +2180,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { right: 0px; } + .lg\:mt-28 { + margin-top: 7rem; + } + + .lg\:mb-20 { + margin-bottom: 5rem; + } + + .lg\:mt-24 { + margin-top: 6rem; + } + .lg\:flex { display: flex; } @@ -2197,6 +2265,35 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 6rem; } + .lg\:text-center { + text-align: center; + } + + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .lg\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + .lg\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl old mode 100755 new mode 100644 index c52f328..6a16ddf --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -1,62 +1,62 @@ -{** - * 2007-2019 PrestaShop and Contributors - * - * NOTICE OF LICENSE - * - * This source file is subject to the Academic Free License 3.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 - * 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. - * - * DISCLAIMER - * - * Do not edit or add to this file if you wish to upgrade PrestaShop to newer - * versions in the future. If you wish to customize PrestaShop for your - * needs please refer to https://www.prestashop.com for more information. - * - * @author PrestaShop SA - * @copyright 2007-2019 PrestaShop SA and Contributors - * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) - * International Registered Trademark & Property of PrestaShop SA - *} -
-

- {l s='Popular Products' d='Shop.Theme.Catalog'} -

-
- {foreach from=$products item="product"} - {include file="catalog/_partials/miniatures/product.tpl" product=$product} - {/foreach} -
- - {l s='All products' d='Shop.Theme.Catalog'} - - -
- -

Business Suits for Men

-

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

- -
- Image -
-

Get the Perfect Fit

-

Experience a flawless & Ideal fit ,Tailored to Your Specifications

-

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.

-
-
- -
- Image -
-

Timeless Quality

-

Fashion that stands the test of time.

-

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.

-
-
- - - +{** + * 2007-2019 PrestaShop and Contributors + * + * NOTICE OF LICENSE + * + * This source file is subject to the Academic Free License 3.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 + * 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. + * + * DISCLAIMER + * + * Do not edit or add to this file if you wish to upgrade PrestaShop to newer + * versions in the future. If you wish to customize PrestaShop for your + * needs please refer to https://www.prestashop.com for more information. + * + * @author PrestaShop SA + * @copyright 2007-2019 PrestaShop SA and Contributors + * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) + * International Registered Trademark & Property of PrestaShop SA + *} +
+

+ {l s='Popular Products' d='Shop.Theme.Catalog'} +

+
+ {foreach from=$products item="product"} + {include file="catalog/_partials/miniatures/product.tpl" product=$product} + {/foreach} +
+ + {l s='All products' d='Shop.Theme.Catalog'} + + +
+ +

Business Suits for Men

+

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

+ +
+ Image +
+

Get the Perfect Fit

+

Experience a flawless & Ideal fit tailored to Your Specifications

+

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.

+
+
+ +
+ Image +
+

Timeless Quality

+

Fashion that stands the test of time.

+

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.

+
+
+ + + diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl old mode 100755 new mode 100644 index 4066596..c103479 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -1,146 +1,146 @@ -{** - * 2007-2019 PrestaShop and Contributors - * - * NOTICE OF LICENSE - * - * This source file is subject to the Academic Free License 3.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 - * 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. - * - * DISCLAIMER - * - * Do not edit or add to this file if you wish to upgrade PrestaShop to newer - * versions in the future. If you wish to customize PrestaShop for your - * needs please refer to https://www.prestashop.com for more information. - * - * @author PrestaShop SA - * @copyright 2007-2019 PrestaShop SA and Contributors - * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) - * International Registered Trademark & Property of PrestaShop SA - *} - - - - - {block name='head'} - {include file='_partials/head.tpl'} - {/block} - - - - - - - - {block name='hook_after_body_opening_tag'} - {hook h='displayAfterBodyOpeningTag'} - {/block} - - {block name='product_activation'} - {include file='catalog/_partials/product-activation.tpl'} - {/block} - -
- {block name='header'} - {include file='_partials/header.tpl'} - {/block} -
- - {block name='displayBeforeWrapper'} - {hook h='displayBeforeWrapper'} - {/block} - -
- {block name='breadcrumb'} - {include file='_partials/breadcrumb.tpl'} - {/block} - - {block name='wrapperTop'} - {hook h="displayWrapperTop"} - {/block} - - {block name="left_column"} -
- {if $page.page_name == 'product'} - {hook h='displayLeftColumnProduct'} - {else} - {hook h="displayLeftColumn"} - {/if} -
- {/block} - - {block name="content_wrapper"} -
- {hook h="displayContentWrapperTop"} - {block name="content"} -

Hello world! This is HTML5 Boilerplate.

- {/block} - {hook h="displayContentWrapperBottom"} -
- {/block} - - {if $page.page_name == 'index'} -

Browse through our Sophisticated Design

-

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.

-
-
- -
- - -
-
- -
- - {l s='View More' d='Shop.Theme.Catalog'} - - - {/if} - - {block name="right_column"} -
- {if $page.page_name == 'product'} - {hook h='displayRightColumnProduct'} - {else} - {hook h="displayRightColumn"} - {/if} -
- {/block} - - {block name='wrapperBottom'} - {hook h="displayWrapperBottom"} - {/block} -
- - {block name='displayAfterWrapper'} - {hook h='displayAfterWrapper'} - {/block} - -
- {block name="footer"} - {include file="_partials/footer.tpl"} - {/block} -
- - {block name='javascript_bottom'} - {include file="_partials/javascript.tpl" javascript=$javascript.bottom} - {/block} - - {block name='hook_before_body_closing_tag'} - {hook h='displayBeforeBodyClosingTag'} - {/block} - - - +{** + * 2007-2019 PrestaShop and Contributors + * + * NOTICE OF LICENSE + * + * This source file is subject to the Academic Free License 3.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 + * 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. + * + * DISCLAIMER + * + * Do not edit or add to this file if you wish to upgrade PrestaShop to newer + * versions in the future. If you wish to customize PrestaShop for your + * needs please refer to https://www.prestashop.com for more information. + * + * @author PrestaShop SA + * @copyright 2007-2019 PrestaShop SA and Contributors + * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) + * International Registered Trademark & Property of PrestaShop SA + *} + + + + + {block name='head'} + {include file='_partials/head.tpl'} + {/block} + + + + + + + + {block name='hook_after_body_opening_tag'} + {hook h='displayAfterBodyOpeningTag'} + {/block} + + {block name='product_activation'} + {include file='catalog/_partials/product-activation.tpl'} + {/block} + +
+ {block name='header'} + {include file='_partials/header.tpl'} + {/block} +
+ + {block name='displayBeforeWrapper'} + {hook h='displayBeforeWrapper'} + {/block} + +
+ {block name='breadcrumb'} + {include file='_partials/breadcrumb.tpl'} + {/block} + + {block name='wrapperTop'} + {hook h="displayWrapperTop"} + {/block} + + {block name="left_column"} +
+ {if $page.page_name == 'product'} + {hook h='displayLeftColumnProduct'} + {else} + {hook h="displayLeftColumn"} + {/if} +
+ {/block} + + {block name="content_wrapper"} +
+ {hook h="displayContentWrapperTop"} + {block name="content"} +

Hello world! This is HTML5 Boilerplate.

+ {/block} + {hook h="displayContentWrapperBottom"} +
+ {/block} + + {if $page.page_name == 'index'} +

Browse through our Sophisticated Design

+

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.

+
+
+ +
+ + +
+
+ +
+ + {l s='View More' d='Shop.Theme.Catalog'} + + + {/if} + + {block name="right_column"} +
+ {if $page.page_name == 'product'} + {hook h='displayRightColumnProduct'} + {else} + {hook h="displayRightColumn"} + {/if} +
+ {/block} + + {block name='wrapperBottom'} + {hook h="displayWrapperBottom"} + {/block} +
+ + {block name='displayAfterWrapper'} + {hook h='displayAfterWrapper'} + {/block} + +
+ {block name="footer"} + {include file="_partials/footer.tpl"} + {/block} +
+ + {block name='javascript_bottom'} + {include file="_partials/javascript.tpl" javascript=$javascript.bottom} + {/block} + + {block name='hook_before_body_closing_tag'} + {hook h='displayBeforeBodyClosingTag'} + {/block} + + + From 39ed2446096a028a4024c1a79aa47fb4fbf4a84c Mon Sep 17 00:00:00 2001 From: apurvab Date: Thu, 16 May 2024 16:59:22 +0530 Subject: [PATCH 3/5] fix:Remove padding on gallery picture. --- templates/layouts/layout-both-columns.tpl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index c103479..a206b87 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -89,7 +89,7 @@

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.

- +
From 45c479d572c383c9cebc34e30c041e3cb7038b5c Mon Sep 17 00:00:00 2001 From: apurvab Date: Sat, 18 May 2024 20:43:28 +0530 Subject: [PATCH 4/5] refactor:add product categories on homepage --- assets/css/theme.css | 81 ++++++------------- .../templates/hook/ps_featuredproducts.tpl | 37 ++++++++- templates/layouts/layout-both-columns.tpl | 2 +- 3 files changed, 61 insertions(+), 59 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index 2f17a18..be83e78 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -876,26 +876,11 @@ select { margin-bottom: 2rem; } -.my-\[30px\] { - margin-top: 30px; - margin-bottom: 30px; -} - .my-\[20px\] { margin-top: 20px; margin-bottom: 20px; } -.my-\[35px\] { - margin-top: 35px; - margin-bottom: 35px; -} - -.my-\[40px\] { - margin-top: 40px; - margin-bottom: 40px; -} - .my-\[45px\] { margin-top: 45px; margin-bottom: 45px; @@ -909,12 +894,12 @@ select { margin-bottom: 3rem; } -.mb-2 { - margin-bottom: 0.5rem; +.mb-16 { + margin-bottom: 4rem; } -.mb-20 { - margin-bottom: 5rem; +.mb-2 { + margin-bottom: 0.5rem; } .mb-3 { @@ -925,10 +910,6 @@ select { margin-bottom: 1rem; } -.mb-6 { - margin-bottom: 1.5rem; -} - .mb-8 { margin-bottom: 2rem; } @@ -977,10 +958,6 @@ select { margin-top: 6rem; } -.mt-28 { - margin-top: 7rem; -} - .mt-3 { margin-top: 0.75rem; } @@ -997,8 +974,12 @@ select { margin-top: 2rem; } -.mb-16 { - margin-bottom: 4rem; +.mb-20 { + margin-bottom: 5rem; +} + +.mb-32 { + margin-bottom: 8rem; } .block { @@ -2030,16 +2011,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } @media (min-width: 640px) { - .sm\:mb-4 { - margin-bottom: 1rem; - } - .sm\:flex { display: flex; } - .sm\:text-justify { - text-align: justify; + .sm\:flex-col { + flex-direction: column; + } + + .sm\:flex-wrap { + flex-wrap: wrap; } .sm\:text-sm { @@ -2141,6 +2122,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + .md\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -2156,11 +2142,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 1.25rem; } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; @@ -2180,10 +2161,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { right: 0px; } - .lg\:mt-28 { - margin-top: 7rem; - } - .lg\:mb-20 { margin-bottom: 5rem; } @@ -2274,14 +2251,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 2rem; } - .lg\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } - - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } .lg\:text-xl { @@ -2289,11 +2261,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 1.75rem; } - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - .lg\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index 6a16ddf..4783291 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -37,6 +37,41 @@ +
+

Product Categories

+
+ + + + + + + + +
+
+ +

Business Suits for Men

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

@@ -59,4 +94,4 @@ - + \ No newline at end of file diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index a206b87..f916fa5 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -103,7 +103,7 @@
-->
- + {l s='View More' d='Shop.Theme.Catalog'} From c4c32659e5b2c5833163c1459e968e3c227400a8 Mon Sep 17 00:00:00 2001 From: apurvab Date: Mon, 20 May 2024 11:02:02 +0530 Subject: [PATCH 5/5] fix:Change styling on SEO section --- .../templates/hook/ps_featuredproducts.tpl | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index 4783291..cd33e0b 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -43,21 +43,21 @@ @@ -76,18 +76,18 @@

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

- Image -
-

Get the Perfect Fit

+ Image +
+

Get the Perfect Fit

Experience a flawless & Ideal fit tailored to Your Specifications

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.

- Image -
-

Timeless Quality

+ Image +
+

Timeless Quality

Fashion that stands the test of time.

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.