City Product Subsite

Click the button to navigate to the company website and see the results. After installing the app, tap the link to access the product page for your corresponding city.

View city products

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 this 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 on the product title in the detailed product page will also be passed using this 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, the list title should create a container with two columns, linked 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 and category titles with an `H6` tag (you can use `H1` for more detailed sections). Finally, switch the city and category title (product title) elements into code mode, changing their `div` tags to tags like `span`. This ensures that the city and title are wrapped within a single tag, allowing search engines to treat the two separate pieces of data as part of one cohesive, unified label.

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 access "General Rule Settings." There, set the titles for the category pages, list pages, and detail pages 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.