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.
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 parameter-passing method: 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 this is 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 specific to the current loop, which will then be passed via a custom link to the corresponding page, ensuring that clicking on a city leads to the same category and product-name link as before. Similarly, the city name in the product title on the details page will also be dynamically passed using this 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 outlined above). Then, enable the container's code mode and replace the innermost `div` element of the list or category title with an `H6` tag (for details, you can use an `H1`). Next, switch the city and category title (product title) sections into code mode, replacing their `div` tags with 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 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.