Project

General

Profile

BUG #3895

Updated by Nazmul Hossain Shovon 4 months ago

On multiple **product listing pages**, the **pagination section overlaps with the footer**, causing visual clutter and making the pagination controls difficult to use.   
 This issue appears across various modules, including Auto Parts and multiple stock pages, indicating a global spacing or layout problem. 

 **Affected Pages:**   
 - Auto Parts   
 - Stock Page (Used Cars)   
 - All Stock Page   
 - Truck Stock Page   
 - Korean Stock Page   
 - All Filter Pages (Filter by Maker, Body Type, Year) 

 The overlap impacts readability, usability, and overall page structure. 

 **Screens:** Desktop (≥768px), Tablet (425px–768px), Mobile (≤375px)   
 **Tested By:** Tasfia Zaima   

 --- 

 ### Steps to Reproduce 
 1. Open the PQS Japan staging website.   
 2. Navigate to any of the affected product listing pages.   
 3. Scroll to the **bottom** of the page.   
 4. Observe the **pagination component** sitting too close to or overlapping with the footer.   

 --- 

 ### Expected Result 
 The pagination component should:   
 - Remain **fully visible**   
 - Maintain **proper spacing** above the footer   
 - Never overlap with other components   

 ### Actual Result 
 The pagination section **overlaps with the footer**, reducing usability and breaking page layout consistency. 

 --- 

 ### Attachments 
 - [Video Evidence](https://drive.google.com/file/d/1QIMcC4qnOX-0RaGuh1-OvIcXu60_Hnfo/view?usp=sharing) 

 ### Module / Section 
 Product Listing Pages → Pagination 

 --- 

 ### Root Cause: 
 lack of gap below main content 

 --- 

 ### Impacted Area: 
 footer

Back