City Product Subsite
Click the button to navigate to the company website and see the results. After installing the app, simply select the corresponding city product page from the link.
Instructions for use:
To use the site, simply place the text or buttons from the [City Subsites] in their corresponding locations and add links to the city list pages. The category names on the city product pages and the titles within the lists have already been restructured—please don’t delete or modify them, as doing so could prevent cities from being properly displayed.
Specific method for passing parameters: On the city product list page, within the loop for each city, select the application data source for that city’s product and create a parameter named "Pass City." Once set up, go to the city list page, choose the parameter you just created, and link it to a custom page—specifically, the city product page—to pass the parameter. As a result, the city product page will automatically include the city’s name in its URL or data payload.(An SEO parameter has been added here, passing the city parameter from the data source of the city product.)This allows both the product category and product name to include the city name. Second, for product categories and titles, we also need to establish a default parameter tied to the current loop, which will then pass parameters via a custom linked page. This ensures that clicking on a city link triggers the same navigation effect as clicking on the corresponding category or product name link. Similarly, the city name displayed in the product title on the detail page will be passed using the same method.
City products are not recommended for manual modification of lists or details—unless you fully understand the underlying principles.
Principle: If manual categorization is required, use a container for the list title to split it into two columns. Link this container to the corresponding data source (the passing method is described above). Then, enable the container's code mode and replace the innermost `div` element of the list or category title with an `H6` tag (you can also use `H1` for more detailed sections). Next, switch the city and category title (product title) into code mode, changing their enclosing `div` tags into lighter elements like `span`. This arrangement ensures that the city and title are wrapped within a single tag, allowing search engines to treat the two separate pieces of data as a unified, cohesive entity.
Requires backend product management TDK setup
When using the City Products app, you need to configure SEO parameters for the corresponding app within the backend TDK settings. To do this, navigate to "App," locate the relevant app, go to "Product Management," and then select "General Rule Settings." There, set the titles for the category page, list page, and detail page with SEO-optimized parameters combined with either the product name, category name, or page title. Avoid setting keywords and descriptions altogether to prevent potential semantic errors.