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

assets/css/theme.css

@@ -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-1 {
-  right: 3rem;
+  right: 0.25rem;
 }
 
-.right-2 {
+.right-12 {
-  right: 0.5rem;
+  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;

modules/bodymeasurements/views/templates/hook/displayCustomerAccount.tpl

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

templates/catalog/_partials/product-add-to-cart.tpl

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

templates/catalog/_partials/products.tpl

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

templates/catalog/_partials/sort-orders.tpl

@@ -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
+ * @copyright 2006-2019 PrestaShop SA and Contributors
- * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
+ * @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">
+    <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="M0 0h24v24H0z" fill="none"></path>
+      <path stroke="none" d="M-1 0h24v24H0z" fill="none"></path>
-      <path d="M6 9l6 6l6 -6"></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>
+-->

templates/layouts/layout-both-columns.tpl

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