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>