From 7e73acdb9f103a4f8b6377e48c4dc0e476232d09 Mon Sep 17 00:00:00 2001 From: apurvab Date: Thu, 16 May 2024 16:48:47 +0530 Subject: [PATCH] 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='javascript_bottom'} + {include file="_partials/javascript.tpl" javascript=$javascript.bottom} + {/block} + + {block name='hook_before_body_closing_tag'} + {hook h='displayBeforeBodyClosingTag'} + {/block} + + +