SX-Creval's powerful product showcase system consists of two parts: "Product Category Pages" and "Product Detail Pages." The system supports unlimited hierarchical categories (you can create subcategories within categories, and then create even more subcategories) and boasts highly automated SEO-optimized structured data generation capabilities. Users can easily build an industrial-grade product showcase center comparable to top international brands by simply dragging and dropping modules like building blocks.
1. Product Category Page
Product category pages are used to aggregate and display products in the same category, while conveying the core positioning and advantages of that category to customers.
1.1 Mandatory Configuration Rules (Required Reading)
To ensure visual appeal and meet Search Engine Optimization (SEO) standards, each product category page must include at least one banner element at the top . If you forget to add one, the system will automatically block its placement and provide a prompt when saving.
1.2 Introduction to the Core Modules of the Category Page
- Product Category Introduction (About Product) :
Used to provide a textual description of the current category, placed below the banner and above the product list. The system offers three styles:- Centered full-width version : suitable for brief and impactful announcements.
- Four-card version : text on the left, and four small advantage cards on the right.
- Image and text combination version : Supports text on the left and image on the right or image on the left and text on the right, with a modern "data highlight glass card" effect.
- Product List (Goods Block) :
Automated retrieval of core components for products in the current category.- Layout settings : You can customize the display to 2, 3, or 4 columns on the computer; you can also customize the cropping ratio of product images (such as 1:1, 4:3, 16:9, etc.).
- Load More : No need to refresh the page. Set the number of products to display each time you click "Load More" (4 to 48).
- Subcategory tags : When enabled, if subcategories are created on the current page, a row of subcategory switching buttons will be automatically generated at the top of the list.
- Filter Search :
Advanced B2B filters help customers quickly locate precise models. Supports freely combined search boxes:- Keyword search : Fuzzy search by title or SKU.
- Drop-down radio button : For example, "Material Selection". Note: The [Product Parameter Name] entered in the backend must be exactly the same as the specification parameter name entered on the product details page (e.g., Material).
- Numerical range input box : for example, "weight range". Parameter names must also match strictly.
2. Product Details Page
The product detail page is the core landing page for driving conversions. This page uses a modern long webpage structure with "sticky anchor navigation + block-style content blocks".
2.1 Mandatory Formatting Rules (Required Reading)
- The first screen must be the 【Product Introduction】 : In the module list on the details page, the 【Product Introduction】 module must be placed at the very top, first.
- Globally unique : Only one "Product Introduction" module can be added to a product details page because this module contains a unique H1 core title across the entire site.
2.2 First Screen: Product Introduction
This is the first thing customers see when they open the product details page.
- Photo Album : Supports up to 6 high-resolution images; the first image will automatically be used as the main image in the list. The system includes a built-in hover magnifier function (which can be turned on or off).
- Layout style : Supports two modes: "Standard style (left image, right text)" and "Giant screen poster (full-screen immersive)". Switch between them with one click and your data will not be lost.
- Text content : You can fill in advertising slogans, brief descriptions, and configure a call-to-action (CTA) button.
2.3 Data Parameters and Relationships (Configuration at the bottom of the page)
At the bottom of the details page editing interface (not within the block module), there are several crucial fixed data panels:
- Specifications : Add detailed product attributes (e.g., Weight - 200kg). This data will not only generate a table on the front end, but will also be crawled by conditional filtering search engines and automatically written into Google SEO structured code .
- Recommended complementary products : Manually select up to 4 other products related to this product and display them together.
- Recommended related articles : Manually select up to 4 related news articles or technical guides to enhance customer trust.
2.4 Detailed Page Block Module Collection
In addition to the main screen, you can freely add or drag the following modules.
(Special feature: Each module supports enabling "Show in anchor navigation bar". When enabled, a row of navigation buttons will be automatically generated at the top of the page. Clicking them will allow you to smoothly scroll to that module.)
- Rich Text : Used for writing complex text and graphics layouts such as product descriptions, shipping instructions, and agency policies.
- Detailed Table : Features a built-in Excel-like interface, allowing for easy pasting and editing of extremely complex industrial technical parameter tables.
- Feature Cards : A visually appealing card display. If the number of cards exceeds the number of rows and columns you set, the system will automatically convert them into a smooth carousel with arrows.
- Application Gallery : Showcases real-life applications of the product in engineering projects, factories, or daily life.
- Certifications : Displaying certificates such as CE and ISO; customers can click on the image to enlarge and view the original document without loss of quality.
- Frequently Asked Questions (FAQ) : The accordion-style question and answer folding area not only saves page space, but the system will also automatically generate exclusive SEO tags for Google Answers.
3. Exclusive Tool: Global Sidebar Layout
To improve inquiry conversion rates, the SX-Creval system provides a "global sidebar" feature for product detail pages. This eliminates the need for repeated settings for each product; instead, it's configured globally in the "Product Detail Sidebar" section of the backend menu.
- Unified Management : You can create a plan and check "Set as current site-wide enabled plan", and the sidebar will be automatically applied to all product detail pages.
- Flexible layout : The sidebar can be positioned on the left or right side of the page, and its width ratio can be controlled (25% or 33%).
- A variety of widgets : You can also build your own widgets in the sidebar, supporting the addition of: exclusive salesperson business cards, quick message forms, PDF white paper download bait, popular product tags, the latest news and updates, etc.
4. SEO and Performance Specifications (Automatically completed by the backend)
SX-Creval maximizes the value of every piece of data you enter in product categories and detail pages:
- Automatic Schema Injection : The system automatically extracts your brand name, product main image, specifications, FAQs, and other data to generate structured data for Google's most favored Product and CollectionPage, greatly improving ranking performance and display style in search results.
- Automatic image optimization : You only need to upload high-resolution images, and the system will automatically generate different sizes suitable for albums, sidebars, and lists, and convert them to the next-generation WebP format, ensuring image quality while achieving extremely fast page loading.