City Product Subsite


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


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 do not 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, ensuring that clicking on a city link triggers the same effect as clicking on the corresponding category or product name link. Similarly, the city name in the product title on the details page will be passed using the exact same method.

City products are not recommended for manual changes to the list or details—unless you 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 use `H1` for more detailed sections). Next, switch the city and category title (product title) 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 distinct pieces of data as part of one cohesive, complete tag.

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.