From 64f76a536b3adfc2479f6eb96d6bb04eaec5c168 Mon Sep 17 00:00:00 2001
From: Dinesh Salunke <dineshsalunke@consultbop.com>
Date: Fri, 3 Nov 2023 16:28:47 +0530
Subject: [PATCH] refactor: cleanup and move the sorting dropdown to right

---
 templates/catalog/_partials/products-top.tpl | 42 ++++++--------------
 1 file changed, 13 insertions(+), 29 deletions(-)

diff --git a/templates/catalog/_partials/products-top.tpl b/templates/catalog/_partials/products-top.tpl
index 6ef7067..ca24297 100644
--- a/templates/catalog/_partials/products-top.tpl
+++ b/templates/catalog/_partials/products-top.tpl
@@ -22,35 +22,19 @@
  * @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-top" class="row products-selection">
-  <div class="col-md-6 hidden-sm-down total-products">
-    {if $listing.pagination.total_items > 1}
-      <p>{l s='There are %product_count% products.' d='Shop.Theme.Catalog' sprintf=['%product_count%' => $listing.pagination.total_items]}</p>
-    {elseif $listing.pagination.total_items > 0}
-      <p>{l s='There is 1 product.' d='Shop.Theme.Catalog'}</p>
-    {/if}
-  </div>
-  <div class="col-md-6">
-    <div class="row sort-by-row">
-
-      {block name='sort_by'}
-        {include file='catalog/_partials/sort-orders.tpl' sort_orders=$listing.sort_orders}
-      {/block}
-
-      {if !empty($listing.rendered_facets)}
-        <div class="col-sm-3 col-xs-4 hidden-md-up filter-button">
-          <button id="search_filter_toggler" class="btn btn-secondary">
-            {l s='Filter' d='Shop.Theme.Actions'}
-          </button>
-        </div>
-      {/if}
+<div id="js-product-list-top" class="flex w-full justify-between">
+  {if !empty($listing.rendered_facets)}
+    <div class="col-sm-3 col-xs-4 hidden-md-up filter-button">
+      <button id="search_filter_toggler" class="btn btn-secondary">
+        {l s='Filter' d='Shop.Theme.Actions'}
+      </button>
     </div>
-  </div>
-  <div class="col-sm-12 hidden-md-up text-sm-center showing">
-    {l s='Showing %from%-%to% of %total% item(s)' d='Shop.Theme.Catalog' sprintf=[
-    '%from%' => $listing.pagination.items_shown_from ,
-    '%to%' => $listing.pagination.items_shown_to,
-    '%total%' => $listing.pagination.total_items
-    ]}
+  {else}
+    <div></div>
+  {/if}
+  <div class="relative flex gap-4">
+    {block name='sort_by'}
+      {include file='catalog/_partials/sort-orders.tpl' sort_orders=$listing.sort_orders}
+    {/block}
   </div>
 </div>