City Product Subsite

Click the button to go to the company’s website and see the results. After installing the app, use the link to access the product page for your city.

View city products

Methods of instruction:

For site usage, you can place the text or buttons of the [City Subsites] in their respective positions and simply add links to the city list pages. The category names on the city product pages and the title structures within the lists have already been properly configured; likewise, the title structure on the city product detail pages has been updated. Please do not delete or modify these elements, as doing so will prevent the city data from being passed correctly.

Specific parameter-passing method: On the city product list page, within the loop that iterates over the cities, select the application data source for the city products and create a “city‑passing” parameter. Once created, on the city list page, choose the newly defined parameter and link it to a custom page that navigates to the city product page to pass the parameter. The city product page will then carry the name of the selected city.(Here, an SEO parameter has been added, passing the city parameter from the product data source.)This ensures that both the category and the product name include the city name. Second, for product categories and titles, you’ll also need to define a parameter that serves as the default value within the loop, and pass this parameter via a custom link page, so that clicking on a city produces the same linking effect as clicking on the category or product name. Similarly, on the product detail page, the city in the product title should be populated using the same method.

It is not recommended to manually modify the list or details of city products—unless you fully understand the underlying principles.

Principle: If manual categorization is required, create a container at the point where the list header should appear, divide it into two columns, and link it to the corresponding data source (the passing method was described above). Then, switch the container’s code view to “list” mode, change the innermost `div` of the list and category headers to an `h6` tag (you can use `h1` for more detailed information), and open the code view for the city and category titles (product titles), replacing their `div` tags with `span` or similar tags. This ensures that the city and the title are wrapped in a single tag, allowing search engines to consolidate two distinct pieces of data into one cohesive tag.

Requires backend product management TDK configuration.

When using the City Products app, you need to configure SEO parameters for the corresponding app in the backend TDK. To do this, go to the app, locate the relevant application, navigate to Product Management, and then set the General Rules. For the category page, list page, and detail page, add SEO‑optimized title tags that include the product name, category name, or page name. Avoid setting keywords and meta descriptions whenever possible to prevent semantic errors.