1. Performance Optimization • Improve product browsing to load in under 2 seconds per page. • Optimize queries, enable caching, pagination, and lazy loading. ________________________________________ 2. Layout Update • Use 5 product columns per row on desktop (same visual grid as 1688.com). • Maintain consistent square tiles, equal padding, and responsive scaling for tablet and mobile devices. ________________________________________ 3. Image Specifications (Same as 1688) Type Dimensions Format Resolution File Size Usage Thumbnail Image 310 × 310 px WebP / JPEG 96 dpi 10-12KB Product listing, category grid Detail View Image 1500 × 1500 px WebP / JPEG 96 dpi 300KB KB Product detail page, zoom/lightbox view • Aspect Ratio: 1:1 (square) • Bit Depth: 24-bit color • Background: White or light gray • Hover Effect: Light zoom or shadow animation in listing view ________________________________________ 4. Category Thumbnails • Category Style same as 1688 style. ________________________________________ 5. Category Filtering (Same as 1688) • Implement multi-level category filtering with AJAX (no full page reload). • Top-level categories displayed horizontally at the top. • Subcategories appear dynamically below the selected main category. • Allow combined filters (same like 1688). • Optimize queries for real-time filtering and minimal load time. ________________________________________ 6. Code Cleanup • After confirmation, remove unused scripts, modules, and vendor files. • Disable unnecessary background processes that affect performance. • Keep only essential features for product browsing, filtering, and image handling.