Project

General

Profile

BUG #3885

Updated by Nazmul Hossain Shovon 4 months ago

The **Left Sidebar** filter headings on the homepage do not match the Figma design specifications.   
 In Figma, the sections are labeled as:   
 - **“Shop by Make”**   
 - **“Shop by Price”**   
 - etc.   

 However, on staging, they appear as:   
 - **“Filter by: Maker”**   
 - **“Filter by: Price”**   
 This inconsistency creates a mismatch between the implemented UI and the expected design language. 

 **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 the **Home Page**.   
 3. Scroll to the **Left Sidebar** filter section.   
 4. Compare the section headings with the Figma design labels.   
 5. Observe the difference in naming conventions. 

 --- 

 ### Expected Result 
 The filter section headings should match Figma exactly, using labels such as:   
 - **“Shop by Make”**   
 - **“Shop by Price”**   
 - (and other Figma-defined headings) 

 ### Actual Result 
 The headings shown on staging use “Filter by: …” instead of the Figma-labeled “Shop by …” format. 

 --- 

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

 ### Module / Section 
 Home Page → Left Sidebar 

 --- 

 ### Root Cause: 
 mismtatch with figma 

 --- 

 ### Impacted Area: 
 left sidebar

Back