Published at: 2026-10-12
Configure product list sorting and display fields
Before you begin
❗
-
Applicable scope: ShareOrder Professional Edition.
-
Role and permission: Use an admin account with ShareOrder management permission.
-
Prerequisites: Prepare test accounts, products, and price data.
Steps
Can the merchandise/product list use custom sort by a specified field?
The merchandise and product list pages sort by the merchandise/product Update time by default. If an account wants to sort by another field such as unit, category, or Custom Sort Fields, go to Order Management > Business objects > Merchandise/Product object > Business Scenario.
Select edit scene and configure the Sorting Field.
NOTE: Configure this in Order Management business objects for it to take Effect in downstream ShareOrder. Configuring it on backend Standard Object records does not take Effect.
Personalize mall list cards
The mall list can replace the card component through the
dht.shopmall.list.render.before hook. Custom cards reuse the standard list data structure and event protocol.Interface parameters
| Parameter | Type | Description |
|---|---|---|
product |
Object |
Current merchandise or product data. |
productFields |
Object |
Field Description of the merchandise or product. |
shoppingCard |
Component |
Custom card component returned by the hook. |
Register the card component
import Card from './card';
export default class Plugin {
apply() {
return [
{
event: 'dht.shopmall.list.render.before',
functional: this.shopmallRenderBefore.bind(this)
}
];
}
shopmallRenderBefore() {
return Promise.resolve({
shoppingCard: Card
});
}
}
Custom cards return the Operation Type and product data through the
on-action event. Action types include add to cart, view details, favorite, select spec, select configuration, and select attribute.Configuration entry
In the merchandise or product list-page layout, configure the custom card plugin.
Expected results
Use a test account to confirm the saved settings take effect on the related pages and records.
Undo or roll back
Return to the configuration entry, restore the previous switch, layout, or rule values, and re-verify with a test account.