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.
Methods of instruction:
Site usage: You can place the text or buttons for the [City Subsites] in their respective locations, simply by adding 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; please do not delete or modify them, as this will prevent the cities from being displayed 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 “pass‑city” 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 generates a link with the same structure as the category and product name. Similarly, on the product detail page, the city in the product title should be populated using the same approach.
It’s not recommended to manually modify the list or details of city products—unless you fully understand how they work.
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, 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 entity.
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, assign SEO‑optimized titles that include the product name, category name, or page name. Avoid setting keywords and meta descriptions whenever possible to prevent semantic errors.