"Put the best products right in front of them."
The SX-Creval system provides you with four top-tier, large-scale product showcase components. You no longer need to manually upload and align images one by one. Simply select a product category, and the system will automatically retrieve the latest and most popular products, presenting them on the homepage with layout specifications typical of Fortune 500 companies.
1. Four High-Conversion Showcase Layouts
Depending on the complexity of your company's product line, we offer four different display options:
Style 1: Smart Grid/Carousel Display
- Visual features : The most classic e-commerce-level display. Products are arranged in a neat grid (2, 3, or 4 columns).
- Smart Black Technology : What happens if you set up a row to display 4 products, but actually select 8? The system will automatically and seamlessly upgrade it to a "sliding carousel"! Customers can swipe left and right within the current screen to view the products, greatly saving webpage space.
- Suitable scenarios : Suitable for showcasing "the company's latest single products" or "a collection of the company's best-selling products".
Style 2: Category Tabbed Showcase
- Visual features : The top features a row of elegant tabs; clicking on different tabs will smoothly switch to the corresponding products below.
- Advanced Feature (Category Banners) : You can enable **"Category Description Banners"** for each tab. When a customer clicks on a category, not only will the product be displayed, but a striking "text on the left, image on the right" poster will also be shown above the product to introduce the core technological advantages of the series.
- Suitable for businesses with 3-5 clearly defined product lines (e.g., laser cutting machines/CNC bending machines/welding equipment), allowing buyers to view all categories without skipping pages.
Style 3: Flagship Featured Display (1 Main + N Sub Spotlight)
- Visual features : Breaking the conventional "one main product, multiple secondary products" asymmetrical layout! On the left (or top) is a huge "main product card", occupying the absolute visual center position; surrounded by several smaller "secondary product cards".
- Applicable scenarios : Extremely suitable for heavy machinery and complete solution providers! The main card contains your most expensive and core "main equipment", and the small cards next to it contain "auxiliary accessories" or "consumables", directly selling a complete ecosystem to customers on the homepage.
Option 4: Left-side navigation menu digital catalog
- Visual features : Highly replicates the reading experience of a physical product brochure. The left side features a vertical category navigation menu, while the right side displays a large product grid.
- Applicable scenarios : Suitable for companies with a wide variety of product models and highly detailed categories (e.g., hardware tools, electronic components). Customers can quickly scan the left-hand menu for precise location, making it a favorite minimalist sourcing mode for B2B procurement engineers.
2. Automated Product Fetching (Smart Data Fetching)
In the SX-Creval system, you almost never need to repeatedly enter product information on the homepage. We use a "database intelligent retrieval" mode:
- Specify a single product : In the [Product Page List], you can manually select a few specific products that you want to display (e.g., this year's best-selling items).
- Specify the entire category (highly recommended) : In most components, you only need to select a **"Product Category"** and set the "Number of Displays" (e.g., 4). The system will automatically retrieve the 4 most recently published and top-ranked products from that category from your product library and display them on the homepage.
- Benefits: When you release new products in the backend, the homepage will automatically update, keeping it fresh and eliminating the hassle of manual maintenance!
3. Appearance and Texture Control (Style & Vibe)
In addition to its powerful functions, you can also change the "atmosphere" of the exhibition hall with a single click:
- Unified Image Ratio Switching : No matter how messy your uploaded product images are, as long as you select the ratio in 【Style Settings】 (such as: square 1:1 or rectangle 4:3), the system will automatically and intelligently crop all product images without loss, ensuring an extremely neat front end.
- Card color inversion (Dark Mode) : (Note: Exclusive to styles 3 and 4)
- If you have a dark background image underneath, be sure to enable this feature! The product card will instantly change from a white background to a **"deep, semi-transparent texture/dark mode"**, which is perfect for geek, new energy, and high-end precision manufacturing websites.
- Hover Effects : Product zoom, 3D card flipping, light and shadow sweeping... various Apple-level dynamic interactions, which can be applied with a simple click in the drop-down menu.
💡 SX-Creval Showroom Display Tips: Avoiding Common Pitfalls
- The background color of product images determines the level of a website :
No matter how powerful the system is, your images must be clean. It is strongly recommended that all product images use a **white or light gray background** (or have the background cropped to make them transparent). If the product images have cluttered backgrounds, even the most sophisticated layout will look like cheap, low-quality merchandise. - Don't fill the homepage with all the products :
The purpose of the homepage is to "attract attention" and "guide clicks," not to display the entire catalog. It's recommended to limit the number of items displayed in any single category to 4-8 . Maintain white space so that customers are eager to click "View More" to access a dedicated product list page. - Appropriately match [section titles] :
Each showroom component has a built-in title and description function. Don't just write "Products" in a dry way; try writing copy with marketing power, such as "Engineered Solutions" in the title and "Explore our most popular solutions—engineered for efficiency and ready for scale" in the description.