Page interaction method and device, computer device, storage medium and program product

Abstract

The application relates to a page interaction method and device, computer equipment, a storage medium and a program product. The method comprises the following steps: displaying a commodity-related page of a target commodity, the commodity-related page comprising a media content browsing area, the media content browsing area displaying commodity media content of the target commodity; in response to a switching operation performed on the commodity media content, displaying target media content in the media content browsing area; wherein the target media content is generated based on the target commodity and a matching commodity of the target commodity, and the target media content is associated with a search entry of the matching commodity; and in response to a triggering operation on the search entry, displaying a search result of the matching commodity. The method can help users understand the actual matching effect of the target commodity, promote user decision-making, and thus improve the commodity replacement rate.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a page interaction method, apparatus, computer equipment, storage medium, and program product. Background Technology

[0002] With the development of internet technology, online product exchange has gradually become a common transaction method for users. Typically, users browse product information posted by merchants to learn about product details and complete the exchange accordingly.

[0003] However, currently users can only obtain fixed product information published by merchants. For products with matching attributes, such as clothing or home furnishings, it is difficult to fully and intuitively understand their actual matching effect based solely on the existing display content, thus affecting users' decision-making and resulting in a low product replacement rate, which urgently needs to be addressed. Summary of the Invention

[0004] Therefore, it is necessary to provide a page interaction method, device, computer equipment, storage medium, and program product to address the aforementioned technical problems, enabling users to understand the actual matching effects of target products, promote user decision-making, and thereby increase product replacement rate.

[0005] Firstly, this application provides a page interaction method, including:

[0006] Displays the product-related pages for the target product. The product-related pages include a media content browsing area, which displays product media content related to the target product.

[0007] In response to a switching operation performed on the product media content, the target media content is displayed in the media content browsing area; the target media content is generated based on the target product and its complementary products, and the target media content displays a search entry for the complementary products;

[0008] In response to a trigger action on the search entry, display search results for related products.

[0009] In one embodiment, the product-related page includes at least one of the following: a product details page, a details page of published content, or a live streaming page.

[0010] In one embodiment, the target media content is either pre-generated periodically or generated in real time in response to a switching operation.

[0011] In one embodiment, the product-related page also includes entry points for product pairings that link to more target media content.

[0012] In one embodiment, the method further includes: in response to a trigger operation on a product pairing entry, displaying a product pairing page, wherein the product pairing page displays target media content in a card stacking manner; and in response to a switching operation on the currently displayed target media content, switching the currently displayed target media content to display the next target media content.

[0013] In one embodiment, the target media content includes an image formed by combining the target product with complementary products; the search entry is a tag of the complementary products displayed in the image; the display position of the tag in the image is determined based on the display position of the complementary products in the image.

[0014] In one embodiment, the display area where the image is located is divided into multiple areas, and the label includes descriptive text for the product; the display orientation of the descriptive text is a preset text display orientation corresponding to the area where the product falls.

[0015] In one embodiment, the method further includes: in response to determining a target product pairing based on search results, sending a replacement request for the target product pairing to a target object that provides the target product pairing.

[0016] In one embodiment, the method further includes: sharing the target media content to a selected target object in response to a sharing operation on the target media content.

[0017] In one embodiment, the process of generating target media content includes: determining published content associated with product media content; obtaining scene description information to characterize a pairing scenario based on at least one of the published content or comments on the published content; inputting the scene description information and product description information extracted from the product media content into an intelligent object, and outputting target media content formed after integrating the target product and the pairing products into the pairing scenario and after pairing the target product and the pairing products.

[0018] Secondly, this application also provides a page interaction device, including:

[0019] The first display module is used to display the product-related pages of the target product. The product-related pages include a media content browsing area, which displays the product media content of the target product.

[0020] The second display module is used to respond to the switching operation performed on the product media content and display the target media content in the media content browsing area; wherein, the target media content is generated based on the target product and the target product's complementary products, and the target media content displays the search entry for the complementary products;

[0021] The third display module is used to display search results for paired products in response to the triggering operation of the search entry.

[0022] Thirdly, this application also provides a computer device, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to perform the following steps:

[0023] Displays the product-related pages for the target product. The product-related pages include a media content browsing area, which displays product media content related to the target product.

[0024] In response to a switching operation performed on the product media content, the target media content is displayed in the media content browsing area; the target media content is generated based on the target product and its complementary products, and the target media content displays a search entry for the complementary products;

[0025] In response to a trigger action on the search entry, display search results for related products.

[0026] Fourthly, this application also provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, performs the following steps:

[0027] Displays the product-related pages for the target product. The product-related pages include a media content browsing area, which displays product media content related to the target product.

[0028] In response to a switching operation performed on the product media content, the target media content is displayed in the media content browsing area; the target media content is generated based on the target product and its complementary products, and the target media content displays a search entry for the complementary products;

[0029] In response to a trigger action on the search entry, display search results for related products.

[0030] Fifthly, this application also provides a computer program product, including a computer program that, when executed by a processor, performs the following steps:

[0031] Displays the product-related pages for the target product. The product-related pages include a media content browsing area, which displays product media content related to the target product.

[0032] In response to a switching operation performed on the product media content, the target media content is displayed in the media content browsing area; the target media content is generated based on the target product and its complementary products, and the target media content displays a search entry for the complementary products;

[0033] In response to a trigger action on the search entry, display search results for related products.

[0034] The aforementioned page interaction method, device, computer equipment, storage medium, and program product display the product-related page of the target product and, in response to a switching operation performed on the product media content, display the target media content in the media content browsing area. The target media content also displays a search entry point for complementary products. Furthermore, in response to a triggering operation on the search entry point, the search results for complementary products are displayed. In this process, on the one hand, compared to traditional technologies that only allow understanding of the target product through the product description information uploaded by the merchant, the above method displays the product combination information of the target product to the user, allowing the user to more intuitively and efficiently understand the various possible combinations of the target product, thereby improving the user's willingness and efficiency in making replacement decisions regarding the target product. On the other hand, initiating a search for complementary products based on the product combination information achieves a seamless connection from the display of target product combinations to the search and replacement of complementary products, simplifying the user's operation path and increasing the possibility and convenience for users to combine and replace multiple products. Attached Figure Description

[0035] To more clearly illustrate the technical solutions in the embodiments of this application or related technologies, the drawings used in the description of the embodiments of this application or related technologies will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other related drawings can be obtained based on these drawings without creative effort.

[0036] Figure 1 This is an application environment diagram of a page interaction method in one embodiment;

[0037] Figure 2A This is a flowchart illustrating a page interaction method in one embodiment;

[0038] Figure 2B This is a schematic diagram illustrating the display of target media content in one embodiment;

[0039] Figure 2C This is a schematic diagram illustrating the display of target media content in another embodiment;

[0040] Figure 2D This is a schematic diagram illustrating the display of target media content in another embodiment;

[0041] Figure 2E This is a schematic diagram illustrating the display of target media content in another embodiment;

[0042] Figure 2F This is a schematic diagram illustrating the display of target media content in another embodiment;

[0043] Figure 2G This is a schematic diagram illustrating the display of search results in one embodiment;

[0044] Figure 2H This is a sequence diagram of a page interaction method in one embodiment;

[0045] Figure 2I This is a sequence diagram of the product pairing information generation process in one embodiment;

[0046] Figure 2J This is a timing diagram of the product pairing information display process in one embodiment;

[0047] Figure 3A This is a flowchart illustrating the steps for displaying target media content in one embodiment;

[0048] Figure 3B This is a schematic diagram of the product pairing page display in one embodiment;

[0049] Figure 3C This is a schematic diagram of the product pairing page display in another embodiment;

[0050] Figure 3D This is a schematic diagram of the product pairing page display in another embodiment;

[0051] Figure 3E This is a schematic diagram of the product pairing page display in another embodiment;

[0052] Figure 3F This is a schematic diagram illustrating the switching of product pairing information in one embodiment;

[0053] Figure 3G This is a schematic diagram illustrating the switching of product pairing information in another embodiment;

[0054] Figure 3H This is a schematic diagram illustrating the switching of product pairing information in another embodiment;

[0055] Figure 3I This is a timing diagram of the product search process in one embodiment;

[0056] Figure 4 This is a schematic diagram illustrating the division of the image display area in one embodiment;

[0057] Figure 5A This is a flowchart illustrating the steps involved in generating a product replacement request in one embodiment.

[0058] Figure 5B This is a schematic diagram illustrating the display of product information for a target product combination in one embodiment;

[0059] Figure 5C This is a timing diagram of the replacement process for the target paired goods in one embodiment;

[0060] Figure 6A This is a flowchart illustrating the target media content sharing steps in one embodiment;

[0061] Figure 6B This is a schematic diagram illustrating the sharing of target media content in one embodiment;

[0062] Figure 6C This is a sequence diagram of the sharing process of target media content in one embodiment;

[0063] Figure 7 This is a flowchart illustrating a page interaction method in another embodiment;

[0064] Figure 8 This is a structural block diagram of a page interaction device in one embodiment;

[0065] Figure 9 This is an internal structural diagram of a computer device in one embodiment. Detailed Implementation

[0066] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.

[0067] It should be noted that the terms "first," "second," etc., used in this application can be used to describe various elements, but these elements are not limited by these terms. These terms are only used to distinguish the first element from the second element. The terms "comprising" and "having," and any variations thereof, used in this application, are intended to cover non-exclusive inclusion. The term "multiple" used in this application refers to two or more. The term "and / or" used in this application refers to one of the embodiments, or any combination of multiple embodiments.

[0068] The term "in response to" as used herein refers to a state in which a corresponding event occurs or a condition is met. It will be understood that the timing of subsequent actions performed in response to an event or condition is not necessarily strongly correlated with the time when the event or condition occurs. For example, in some cases, subsequent actions may be performed immediately upon the occurrence of the event or the fulfillment of the condition; in others, they may be performed some time after the event or condition has occurred. "Triggering an action" refers to an action performed by a user on a visual interface through clicking, dragging, swiping, or other interactive methods, designed to initiate or activate a specific patent data display, analysis, or editing function. "Published content" refers to the process of publishing multimedia content such as information, articles, and videos to a specific platform for users to browse, read, or view. "Controls" are elements in a computer user interface used to receive user input, display information, and perform specific functions. "Animations" refer to design elements that enhance the user experience through animation and interactive effects. These animations can include button click effects, page transition effects, loading animations, etc.

[0069] Currently, when users intend to exchange goods, they typically begin by searching and browsing the product details page of the target product to gain an initial understanding of it. The product details page usually displays product images and descriptions (including product overview, price, historical sales volume, etc.). Users can use this information to determine whether the target product meets their needs and then decide whether to proceed with the exchange.

[0070] However, traditional product detail pages primarily display information about a single product. This means the page only shows the product's basic attributes and independent appearance, failing to intuitively demonstrate how the product can be combined with other products or adapted to different scenarios. This results in insufficient decision-making power for users. If users need to further understand product combinations, they often need to manually search, filter, and compare multiple combinations, a cumbersome and time-consuming process that leads to low efficiency and low likelihood of successful product selection.

[0071] For the reasons mentioned above, this application aims to provide a page interaction method that allows users to intuitively see the adaptability of the target product in different scenarios and / or the combination effect of the target product with other matching products when learning about the target product. This will encourage users to replace the target product, and even replace the corresponding matching products, thereby improving the user browsing experience and product replacement conversion efficiency.

[0072] The page interaction method provided in this application embodiment can be applied to, for example, Figure 1In the application environment shown, terminal 102 communicates with server 104 via a network. A data storage system can store the data that server 104 needs to process. The data storage system can be integrated onto server 104 or located on a cloud or other network server. Terminal 102 can be a user's terminal for logging into a social media platform based on an account, and server 104 can be the management server of the corresponding social media platform. It is understood that the social media platform has a product exchange function. Furthermore, server 104 can manage the information of different users on the social media platform. It is understood that user information can include not only user registration information but also user interaction information with other users on the social media platform. Terminal 102 can be, but is not limited to, various personal computers, laptops, smartphones, and tablets. Server 104 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services.

[0073] In one exemplary embodiment, such as Figure 2A As shown, a page interaction method is provided, which can be applied to... Figure 1 Taking terminal 102 as an example, the explanation includes the following steps:

[0074] S210A displays the product-related page for the target product.

[0075] The product-related page includes a media content browsing area, which displays product media content for the target product. This media content includes at least one of images, videos, and audio. For example, the product media content for the target product may include the product's main image, promotional videos, etc.

[0076] In this context, a product-related page can be understood as a page displaying multiple products (including the target product); or it can be understood as a page focusing solely on the target product. Typically, product-related pages display product images, parameters, and detailed product information, allowing users to view and understand the target product. For example, in a product exchange scenario, a product-related page could be a product list page or a product details page; in a content sharing scenario, it could be a details page of published content related to the target product; and in a live-streaming scenario, it could be a live-streaming page introducing the target product.

[0077] Optionally, in a product exchange scenario, the target product can be understood as a product that the user is particularly interested in, or a product that is prominently displayed on the current product-related page. Typically, the target product corresponds to the user's current product browsing intent. This application does not limit the product category of the target product; for example, the target product can be clothing, home furnishings, accessories, etc.

[0078] In some embodiments, a product-related page may be a product list page, which displays preview information of multiple products, including the target product.

[0079] Optionally, the product list page can be the homepage of a product swapping module on a social media platform, where the target product is a featured product on the homepage. Accordingly, the product list page is displayed in response to module switching actions on the social media platform's homepage.

[0080] Optionally, the product list page can also be a product search results page, where the target product is at least one product corresponding to the product search request. Correspondingly, this is the product search results page displayed in response to a product search request on the homepage of the product exchange module in a social media platform.

[0081] Optionally, the product list page can also be the product favorites page within the user's profile, where the target product is any product the user has pre-favorited. Correspondingly, in response to a user's action on the favorites module within the user's profile, the product favorites page is displayed, showing at least one product from the user's historical favorites and its preview information, including the target product.

[0082] Optionally, the product list page can also be an event-themed page, such as a holiday trade-in event page or a category-specific event page, where the target product is any product participating in the corresponding event. Accordingly, in response to a user's trigger action at the event entry point, the user is directed to the event-themed page, which displays at least one product related to the event and its preview information, including the target product.

[0083] To encourage users to select a product as their target item on the product list page, some embodiments may differentiate the product preview information of featured products on the product list page. For example, a recommendation icon or prompt animation may be overlaid on the product preview information to quickly draw the user's attention to the featured product, thereby promoting the replacement operation.

[0084] Optionally, the selection of featured products can be determined based on the user's search history over a specific period. For example, if keywords such as "casual clothing" and "simple accessories" appear repeatedly in a user's search history, it is assumed that the user has a need to replace products in these categories. In this case, products related to "casual clothing" and "simple accessories" on the product list page can be featured as featured products, and their preview information can be displayed differently, such as by adding a "Recommended for You" label; or by adding animation effects, such as a flashing effect, to make them more easily identifiable among numerous products.

[0085] In some embodiments, a product-related page may be a product details page, which displays detailed product information for the target product. Accordingly, a product details page may be displayed in response to a product information request on a product search results page. For example, in response to a triggered action on any product in the product search results page, such as a click, the product details page of the selected target product may be accessed. A product details page may also be displayed in response to a product viewing request on a product favorites page. For example, in response to a triggered action on any product in the product favorites page, such as a click, the product details page of the selected target product may be accessed. A product details page may also be displayed in response to a product information request on an event / special topic page. For example, in response to a triggered action on any product in the event / special topic page, such as a click, the product details page of the selected target product may be accessed.

[0086] Optionally, in content sharing scenarios, the target product can be understood as the product that the user intends to focus on sharing in their uploaded notes. Typically, this target product is the main product showcased and highlighted in the notes' text and images, corresponding to the user's core intent in publishing and sharing this product.

[0087] In some embodiments, a product-related page may be a details page of published content, in which notes about the target product are displayed.

[0088] Optionally, the details page for published content can be the note details page within the user's personal profile. The target product is the product highlighted in the user's notes and potentially recommended. Correspondingly, in response to a triggered action on any published note within the user's personal profile, the details page for the corresponding published content is displayed.

[0089] Optionally, the details page for published content can also be the details page for content shared by others. The target product is the core product displayed in the shared content. Correspondingly, in response to a triggered action in a chat scenario involving shared content, the details page for that shared content is displayed.

[0090] Optionally, the details page of published content can also be the details page of featured content on the platform, such as the note details page within a fashion theme or product recommendation homepage. The target product is the product highlighted in the featured content. Correspondingly, in response to a trigger action at any featured content entry point, the details page of the corresponding featured note will be displayed.

[0091] To encourage users to follow and select target products on the details page of published content, some implementations can highlight the display area of ​​the target product within the note content. For example, a product icon or recommendation tag can be overlaid on the display area of ​​the target product to allow users to quickly identify the target product in the note, thereby increasing users' willingness to browse and exchange for the target product and related products.

[0092] Optionally, in a live streaming scenario, the target product can be understood as the product that the host is introducing on the live streaming page.

[0093] In some embodiments, the product-related page may be a live streaming page, which displays live streaming content of the target product.

[0094] Optionally, the live stream page can be the page currently playing in the live stream room, where the target product is the product that the host is currently explaining, trying on, or demonstrating. Correspondingly, the corresponding live stream page is displayed in response to user actions triggered in the live stream square (corresponding to the live stream list page) or in the sharing link.

[0095] Optionally, the live stream page can also be a live stream replay page, where the target product is the product explained by the host at the corresponding time point in the replay video. Accordingly, in response to the user's progress navigation on the live stream replay page, the relevant content of the target product at the corresponding time point is located and displayed.

[0096] S220A, in response to a switching operation performed on the product media content, displays the target media content in the media content browsing area.

[0097] The switching operation can be a swiping operation on the target product displayed on the product details page, such as at least one of the following: swipe left, swipe right, swipe up or swipe down.

[0098] The target media content is generated based on the target product and its complementary products, and it includes a search entry for these complementary products. The target media content can include information on multiple product combinations to help users understand the synergistic effects of pairing the target product with other items. For the specific generation process of the target media content, please refer to the following embodiments.

[0099] To facilitate users in quickly viewing detailed information about the target product while browsing the combination effects (i.e., the target media content), in some embodiments, the target media content can also display a search entry for the target product.

[0100] Optionally, in a product replacement scenario, in response to a switching operation initiated on the product details page, the product media content of the target product displayed on the product details page can be switched to the target media content of the target product. The target media content is either pre-generated periodically or generated in real time in response to the switching operation. The generation period can be set based on user needs or based on the product category of the target product; this application does not impose any limitations on this.

[0101] For example, one or more product pairing information corresponding to the target product can be pre-set before or after the product media content of the target product uploaded by the target object. In response to a switching operation of the media content browsing area on the product details page, such as a left swipe, the product pairing information located after the product media content of the target product is displayed. Alternatively, in response to a switching operation of the media content browsing area on the product details page, such as a right swipe, the product pairing information located before the product media content of the target product is displayed.

[0102] For example, see Figure 2B The target media content display illustration shown can be pre-set in the display directory below the media content browsing area on the product details page (e.g., Figure 2B The "Videos," "Images," "Outfits," and "Sizes" categories respond to swiping actions on the displayed catalog. For example, if the current displayed catalog is "Images," a swipe to the left will display product styling information under the "Outfits" category on the media content display area of ​​the product details page.

[0103] For example, one or more product pairing information corresponding to the target product can be pre-set on the first or last page of the product image, and a corresponding display location prompt and a one-click access control can be displayed. Taking the product pairing information being displayed on the last page as an example, the display location prompt could be "Pairing effects are displayed on the last page," and the product pairing information would be displayed in response to the triggering operation of the one-click access control.

[0104] To enrich the display format of product pairing information and improve its convenience, in some embodiments, the switching operation can also be a trigger operation for the pairing display entry displayed on the product details page. The pairing display entry can be a control or a link; this application does not impose any limitations on the display format or location of the pairing display entry.

[0105] For example, see Figure 2CThe target media content display diagram shown can be pre-set in the display directory below the image display area on the product details page (e.g., Figure 2C The "Videos," "Images," "Outfits," and "Sizes" categories in the display menu respond to the display entry points (such as...) Figure 2C The "Outfit" category triggers actions such as clicking to display product matching information under the "Outfit" category on the product details page.

[0106] Optionally, in content sharing scenarios, in response to a switching operation initiated on the details page of published content, the product media content of the target product displayed on the note details page can be switched to the target media content of the target product. The target media content is either pre-generated periodically or generated in real-time in response to the switching operation. The generation period can be determined based on human experience or influenced by the real-time pageview volume of the note content. For example, when the pageview volume exceeds a certain threshold, indicating that more users are paying attention to the target product, the target media content can be updated or supplemented to ensure that the product pairing information displayed in the note matches the users' browsing activity and attention needs in a timely manner.

[0107] For example, one or more product pairing information corresponding to the target product can be pre-inserted into the sequence of real images or videos (i.e., product media content) in the note, for example, placed before or after the product media content. In response to a swipe operation in the media content browsing area of ​​the note details page, such as a left swipe, the product pairing information placed after the original note media content is displayed; or in response to a right swipe, the product pairing information placed before the original note media content is displayed.

[0108] See Figure 2D The diagram shown illustrates the display of target media content. A directory (e.g., a list of contents) is displayed below the media content browsing area on the note details page. Figure 2D The "Videos," "Images," and "Outfits" categories respond to swipe gestures within the displayed catalog. For example, if the current catalog is "Images," a left swipe gesture will display product styling information from the "Outfits" category on the media content display area of ​​the note details page.

[0109] See Figure 2E The target media content display diagram shown responds to a trigger action on the "Outfit" category, such as a click action, which directly displays product matching information under the "Outfit" category in the media content area of ​​the note details page.

[0110] For example, product pairing information can also be placed on the last page of the note-based media content, and a viewing prompt can be displayed on the page, such as... Figure 2D and Figure 2EThe "Slide to see more outfits" feature allows users to quickly view product styling information by simply swiping as prompted.

[0111] By responding to switching operations performed on product media content, the target media content (including product pairing information) of the target product generated by the smart object can be displayed directly on the product-related page without jumping to a new page, simplifying the user's operation process for viewing product pairing information and improving the convenience of interaction.

[0112] It is understandable that the amount of target media content displayed on the note details page is limited by the amount of content available and by user selection. In some embodiments, the note details page may also display an entry point for users to view more target media content. For example, this entry point may be displayed at the bottom of the note details page, allowing users to view target media content not currently displayed on the note details page.

[0113] Optionally, in a live streaming scenario, the selected target media content can be displayed on the live streaming page in response to a triggering operation at the target media content entry point on the live streaming page, such as a click operation.

[0114] For example, an entry point for styling inspiration can be placed on the product card in the live stream or in the corner of the live stream screen. After the user clicks on the entry point, the target media content will be displayed on the live stream page. For example, the product matching information of the target product can be displayed in the form of a half-screen drawer, a floating window, or a small window covering the screen, without obscuring the main live stream screen or interrupting the live stream playback.

[0115] See Figure 2F The diagram illustrates the display of target media content. The live stream page displays the target product's media content (live stream screenshot), as well as recommended complementary products (such as...). Figure 2F The recommended items and outfits in the live stream (e.g., recommended product 1 and recommended outfits) respond to a triggered action on the recommended outfit, such as a click action, displaying the target media content (e.g., ...) in the media content browsing area of ​​the live stream page. Figure 2F (The content in the small window of the live stream page is partially obscured in the middle).

[0116] Understandably, to differentiate between genuine product recommendations and AI-generated outfit suggestions, identifying information can be added to the target media content area or corresponding entry point. For example, the recommended outfit control or small window display area could be overlaid with labels such as "AI-generated" or "Outfit Inspiration." Figure 2F The "Recommended Outfits" section allows users to clearly distinguish between two types of content sources, improving interactive transparency and user experience.

[0117] In one optional implementation, the process of generating product pairing information may be as follows: determining published content associated with product media content; obtaining scene description information to characterize the pairing scenario based on at least one of the published content or comments on the published content; inputting the scene description information and the product description information extracted from the product media content into a smart object, and outputting the target media content formed after integrating the target product and the pairing products into the pairing scenario, and after pairing the target product and the pairing products.

[0118] The product description information can be used to describe the product attributes of the target product, such as the product category, color, style, and other attributes. The scene description information can be used to describe the environmental scene, such as information about the scene type, environmental elements, and product elements included in the environment.

[0119] The product pairing page displays product pairing information generated by an intelligent object based on the target product, allowing users to understand the synergy of the paired products. This intelligent object can be understood as an image generation model or an AI model such as a diffusion module.

[0120] Optionally, feature extraction can be performed on the image of the target product to obtain its description information. Based on this description, a search and matching process can be conducted within published content on social media platforms to filter out content containing similar products. Scene element analysis can then be performed on the images of these published content items containing similar products to extract scene description information. Alternatively, the target product region in the image can be segmented to obtain single-item images containing only the target product (e.g., images containing only tops). Based on these segmented images, a graph search can be performed within published content on social media platforms to filter out published content containing similar products. Scene element analysis can then be performed on the images of these published content items containing similar products to extract scene description information. Finally, the product description information and scene description information are input into a pre-defined graph generation model. The graph generation model combines the product description information and scene description information to perform image fusion processing, outputting a combination image of the target product and suitable matching products in the corresponding scene.

[0121] In this process, on the one hand, the asynchronous generation of product pairing information in the background ensures smooth user interaction and improves user experience when users have product pairing needs. On the other hand, image fusion based on product description information and scene description information, rather than directly stitching together the image of the target product with scene images from published content, not only makes the generated pairing effect image more natural in posture, proportion, and style, avoiding the unrealistic feel caused by composite artifacts, but also avoids the potential non-compliant use of real people's images from published content. In other words, this process improves the efficiency of displaying product pairing information while ensuring the compliance and security of product pairing information.

[0122] S230A, in response to a trigger operation on the search entry, displays search results for paired products.

[0123] For example, in response to a triggering operation for any search entry corresponding to a bundled product, such as a click operation, a product search request can be generated, and in response to the product search request, the search results for the corresponding bundled product can be displayed. The product search request is used to request the search for product information of a specific bundled product involved in the corresponding product bundle information.

[0124] In some embodiments, the product pairing information includes an image formed by pairing the target product with other products, and search entries for each pairing product. Accordingly, in response to a triggering operation on any search entry for a pairing product in the product pairing information, such as a click operation, a product search request for the corresponding pairing product is generated, and the search results for the corresponding pairing product are displayed.

[0125] Optionally, search results can be displayed on a product search page. The product search page can be displayed as a standalone page, or it can be overlaid on a product combination page in a half-layer or two / three-layer format; this application makes no limitation in this regard. When the product search page is displayed in a half-layer or two / three-layer format, it can slide on the product combination page with a preset animation, or it can be displayed statically directly on the product combination page; this application makes no limitation in this regard.

[0126] For example, in response to sending a product search request based on product pairing information, the display area corresponding to the selected pairing products can be displayed differently, such as by highlighting, and the search results of the corresponding pairing products can be displayed in a 2 / 3 layer format on the product pairing page.

[0127] Taking a product details page as an example, where the product details page includes search entries for each bundled product, this section explains the search result display process. (See also...) Figure 2GThe diagram shows the search results. Product pairing page B displays search entries for each paired product. In response to a trigger action on any search entry, such as a click, the corresponding display area for the paired product is selected on product pairing page B, and the selected area is highlighted (as shown in the diagram, the selected area is displayed in grayscale). Product search page C is then displayed on product pairing page B in a 2 / 3 layer format. Product search page C displays the search results for the corresponding paired product (as shown in the diagram, the two product previews on product search page C), as well as the search entry, etc.

[0128] It should be noted that when differentiating the display areas corresponding to the selected complementary products, in addition to Figure 2G In addition to highlighting and grayscale displaying other areas as shown, other methods such as border marking, magnification, and slight shaking can also be used to highlight information, and this application does not impose any limitations on this.

[0129] Figure 2G The provided search results display illustration shows that the product search page displays search results in a list format. To enrich the display format, search results on the product search page can also be displayed in a card overlay format. Correspondingly, a swipe operation on any search result card can display the next search result; a trigger operation on any blank area or a back operation can collapse the product search page and redirect to the product combination page, allowing users to continue browsing other combined products.

[0130] In some embodiments, the display of target media content may be limited by the size of the display page or the front-end layout, and the product pairing information only includes an image (i.e., a pairing effect image) formed by pairing the target product with the matching products. Accordingly, in response to a triggering operation on the pairing effect image, such as a long press, a product search request for the matching products corresponding to the triggering location can be generated, and the search results for the corresponding matching products can be displayed.

[0131] It should be noted that if the trigger position for the matching effect image does not match any matching product, the trigger operation can be ignored, or a prompt message can be sent to the user indicating that no matching product was recognized, in order to avoid invalid requests and page redirection.

[0132] In the aforementioned page interaction method, the product-related page of the target product is displayed. In response to a switching operation performed on the product's media content, the target media content is displayed in the media content browsing area. The target media content also displays a search entry for complementary products. Furthermore, in response to a triggering operation on the search entry, the search results for complementary products are displayed. In this process, on the one hand, compared to traditional technologies that only allow understanding of the target product through the product description information uploaded by the merchant, the above method displays the product's complementary information to the user, allowing the user to more intuitively and efficiently understand the various possible combinations of the target product, thereby improving the user's willingness and efficiency in making replacement decisions regarding the target product. On the other hand, initiating a search for complementary products based on the product complementary information achieves a seamless connection from displaying the target product's combinations to searching for and replacing complementary products, simplifying the user's operation path and increasing the possibility and convenience for users to combine and replace multiple products.

[0133] In one embodiment, taking the above-mentioned page interaction method implemented through interaction between server 104 and terminal 102 as an example, that is, in Figure 1 This explanation is based on the application environment shown; see [link / reference]. Figure 2H The sequence diagram of the page interaction methods shown includes:

[0134] S210H, the terminal displays a product-related page; the product-related page includes a media content browsing area, which displays product media content containing the target product;

[0135] S220H: In response to a switching operation performed on the product media content, the terminal displays the target media content in the media content browsing area;

[0136] S230H, the terminal responds to the trigger operation of the search entry and generates a product search request;

[0137] S240H, the terminal sends a product search request to the server;

[0138] S250H: The server responds to the product search request and searches for information on the complementary products.

[0139] For example, when a user clicks the search entry, the terminal records the identifier of the triggered anchor point and its corresponding normalized region coordinates, and initiates a search request to the visual search service. The request carries the address of the outfit scene image, region cropping information, product category, and source identifier. The visual search service extracts image features from the cropped region and performs a nearest neighbor search in the product vector library, returning product results sorted from high to low similarity. The results include product identifier, name, price, main image, and similarity information.

[0140] S260H, the server sends the search results to the terminal;

[0141] S270H, the terminal displays search results for paired products;

[0142] For example, the search results page is displayed in half-screen or full-screen format, and the products are presented in a double-column waterfall layout, and the same product filtering function is supported; optionally, if the number of search results returned is less than a preset threshold, popular products in the same category can be displayed as fallback content.

[0143] See Figure 2I The sequence diagram shown illustrates the process of generating product pairing information, including:

[0144] S210I, the terminal displays the upload entry for product images;

[0145] S220I: The terminal responds to a trigger operation targeting the upload entry and acquires an image of the target product;

[0146] Optionally, in the product exchange scenario, the product image is uploaded by the product itself; in the content sharing scenario, the product image is uploaded by the content sharing user.

[0147] S230I: The terminal sends an image of the target product to the server;

[0148] S240I: The server extracts the product description information of the target product's image and searches for relevant scene description information in the published content based on the product description information;

[0149] S250I: The server inputs product description information and scene description information into the smart object to generate an image formed by pairing the target product with complementary products;

[0150] In S260I, the server uses the generated image as product pairing information for the target product and stores it in association with the target product.

[0151] See Figure 2J The sequence diagram showing the product pairing information display process includes:

[0152] S210J, the terminal displays product-related pages;

[0153] S220J: The terminal responds to the product-related page by sending a product pairing request and generating a product pairing information display request.

[0154] S230J: The terminal sends a request to the server to display product pairing information.

[0155] S240J: The server responds to the request to display product pairing information and determines the target product.

[0156] S250J: The server sends the product pairing information associated with the target product to the terminal.

[0157] S260J: The terminal displays product pairing information for the target product on the product pairing page.

[0158] Based on the technical solutions of the above embodiments, this application also provides an optional embodiment. In this optional embodiment, the product-related page further includes a product pairing entry point that links to more target media content. Correspondingly, this embodiment also provides a display method for the target media content.

[0159] See Figure 3A The steps for displaying the target media content shown include:

[0160] S310A, in response to a trigger action on the product pairing entry, displays the product pairing page.

[0161] In the product pairing page, the target media content is displayed in a card stacking format.

[0162] For example, in response to a trigger operation targeting the product pairing entry, a product pairing request is generated, and a product pairing page is displayed. The product pairing request is used to request to view more pairing options for the target product.

[0163] Optionally, in order to enhance the contextualized display of the target product and increase users' willingness to replace the target product, the product pairing information on the product pairing page may include pairing effect images of the target product adapted to different users, pairing effect images of the target product placed in different environmental scenarios, and pairing effect images of the target product combined with different pairing products.

[0164] For example, when the target product is clothing, the product matching information can be images of models of different body types wearing the target clothing; it can also be images of the target clothing in different environments such as streets and scenic spots; or it can be images of the overall matching effect formed by combining the target clothing with different matching products (taking the target clothing as a top as an example, the matching products can be pants, shoes, bags, etc.).

[0165] For example, when the target product is a home furnishing product, the product matching information can be a picture of the target home furnishing product placed in different decoration styles; it can also be a picture of the target home furnishing product placed in different room types, such as bedrooms and living rooms; or it can be a picture of the overall matching effect formed by combining the target home furnishing product with other matching products (taking a bed as an example, the matching products can be pillows, sheets, etc.).

[0166] Optionally, to further enrich the content displayed on the product pairing page and to help users intuitively understand the pairing ideas corresponding to different pairing examples, the product pairing information may also include descriptive text for each pairing example, such as at least one of the following: a description of the pairing style, a description of the applicable scenarios, or an introduction to the highlights of the pairing. To help users understand the source of the product pairing information, the product pairing page also displays prompts indicating how the product pairing information was generated.

[0167] Optionally, to guide users to replace the target product with complementary items while introducing the desired styling effect, thus forming a complete business chain from outfit matching to complementary item replacement, the product matching information can also include tags for the complementary items, displayed as text entry points for search. These tags can be used to introduce the corresponding complementary item information and can also be linked to the search entry point for that item. Accordingly, in response to a trigger action (such as a click) on any complementary item tag, the search results page for that complementary item is displayed, allowing users to complete the replacement operation based on these search results.

[0168] For example, see Figure 3B The product combination page shown is an illustration, responding to the product combination entry point (such as...). Figure 3B The "More Outfits" option in the app can trigger actions such as clicking to display the product styling page.

[0169] In some embodiments, a product pairing request can be generated when a triggering action targeting a target product is detected. For example, in response to a triggering action targeting a target product, such as a long press, a product pairing request is determined to exist, and in response to the product pairing request, a product pairing page is displayed.

[0170] Taking the product list page as an example, this section explains the display process of the product combination page. (See also...) Figure 3C The image shows a product pairing page. Product page A displays preview information for multiple products (e.g., ...). Figure 3C The page displays product images and product descriptions below each image, including text descriptions, prices, and historical sales figures. When a user expresses a pre-selection intention for a target product, they typically want to learn more about its synergy with other items. Accordingly, upon detecting a trigger action (e.g., a long press) on the target product, a product synergy page (B) corresponding to the selected target product is displayed. To help users understand the synergy effects and thus assist them in making a replacement decision for the target product, the product-related pages also display product synergy request trigger prompts (e.g., [missing information]). Figure 3C (Long press to help you match).

[0171] Product Pairing Page B displays an image generated by a smart object based on the target product, showing the combination of the target product and the paired products, as well as anchor tags for each paired product (e.g., ...). Figure 3C The product pairing page includes items such as "Chanel-style jackets," "handbags," and "Chelsea boots," along with corresponding descriptions of the outfits (e.g., "clean and foolproof, minimalist blue and white formula," as shown in the image). Page B also displays information on how the product pairing information is generated (e.g.,...). Figure 3C (The "AI-generated" part). The product pairing page B also displays a page return entry (e.g., ...). Figure 3C The "Outfit Inspiration" section, triggered by a return to the previous page, displays a page related to the product.

[0172] In some embodiments, the product-related page displays a product pairing entry corresponding to the target product, and the product pairing request can be generated when a triggering operation targeting the product pairing entry is detected.

[0173] Taking the product details page as an example, this section explains the display process of the product combination page. (See also...) Figure 3D The illustration shows a product bundling page. Product-related page A displays detailed information about the target product, including its name, image, price, and current promotional offers. Product-related page A also displays entry points for bundling the target product (such as…). Figure 3D In the context of "outfit matching," the corresponding action, triggered by the entry point for matching items for the target product (e.g., clicking), confirms the existence of a matching request and displays the matching page B. Figure 3D The product pairing entry shown is only an example of one type of product pairing entry. The location and format of the product pairing entry can be set according to user needs, and this application does not impose any limitations on it.

[0174] Taking the product list page as an example, this section explains the display process of the product combination page. (See also...) Figure 3E The image shows a product pairing page. Product page A displays preview information for multiple products (e.g., ...). Figure 3E The page displays product images and product descriptions below each image, including text descriptions, prices, and historical sales figures. Product-related page A also shows entry points for product pairings corresponding to the target product (e.g.,...). Figure 3E In the context of "intelligent pairing", in response to the triggering operation of the corresponding product pairing entry for the target product, such as a click operation, it is determined that there is a product pairing request, and in response to the product pairing request, the product pairing page B is displayed.

[0175] To improve the display efficiency of the product pairing page and achieve seamless user waiting, in some embodiments, the product pairing information can be pre-generated, and in response to a product pairing request, the product pairing information can be directly obtained and the product pairing page can be displayed.

[0176] Optionally, product pairing information can be generated based on the image of the target product when the target object uploads the image of the target product, and stored in association with the target product.

[0177] To provide users with more personalized product pairing options, some embodiments may also generate product pairing information in response to user product pairing requests. For example, in response to sending a personalized pairing request on the product pairing page, an input field for pairing requests may be displayed, and product pairing information may be generated in response to the request.

[0178] For example, an icon for a smart pairing robot is displayed on the product pairing page. In response to a trigger operation on the smart pairing robot icon, a conversation page with the smart pairing robot is displayed. In response to a product pairing request entered on the conversation page, a product pairing request is sent to the server. The product pairing request carries the product pairing requirements. The product pairing information fed back by the server is obtained and displayed on the conversation page, or the user is redirected to the product pairing page and the product pairing information is displayed on the product pairing page.

[0179] The input method for product pairing requirements can be text input or voice input, and this application does not impose any restrictions on the input method for product pairing requirements.

[0180] For example, in order to avoid inaccurate descriptions of product pairing needs due to users not knowing how to describe their product pairing needs, which would affect the subsequent understanding of their intentions, in some embodiments, the session page may display multiple preset pairing description keywords, and users can complete the input of product pairing needs by triggering the corresponding keywords.

[0181] The preset matching description keywords can be set based on human experience, and this application does not impose any limitations on this. It is understood that the preset matching description keywords are related to the category of the target product. For example, if the target product is home furnishings, the preset matching keywords can be set according to keywords such as decoration style and spatial scene. If the target product is clothing, the preset matching keywords can be set according to dimensions such as scene, style, color scheme, and target audience. The following example illustrates the setting of preset matching description keywords using clothing as the target product. Style keywords include minimalist and elegant, retro and trendy, etc.; color scheme keywords can include black, white, and gray, Morandi color scheme, etc.; target audience keywords can include students, working women, middle-aged and elderly people, etc., so that users can quickly select and combine keywords to meet their needs.

[0182] While providing personalized product pairing information to users takes time, this method accurately matches users' individual pairing needs and provides them with personalized product pairing information, effectively increasing the likelihood of swapping. Furthermore, by providing personalized pairing options based on pre-generated product pairing information, it ensures both a good browsing experience and the personalization and accuracy of the pairings.

[0183] S320A, in response to a switching operation for the currently displayed target media content, switches the currently displayed target media content to the next target media content.

[0184] The amount of product pairing information generated by the intelligent object based on the target product depends on the intelligent object's computing power. A stronger intelligent object generates more product pairing information, and vice versa.

[0185] Furthermore, the number of product pairing information sets generated can be adjusted based on the category characteristics of the target product. For example, for products with a wide range of pairing options (such as clothing), more product pairing information sets can be generated. For products with fixed application scenarios (such as home furnishings), the number of product pairing information sets can be appropriately reduced to avoid generating unreasonable product pairing information in order to display more product pairing information.

[0186] The card includes an image display area and a text display area. Correspondingly, the product pairing information includes pairing effect images and corresponding pairing description text. The image display area shows the pairing effect images, and the text display area shows the corresponding pairing description text. The pairing description text provides at least one of the following: a description of the pairing style, a description of the applicable scenarios, or an introduction to the highlights of the pairing, allowing users to intuitively understand the pairing ideas corresponding to different pairing effect images.

[0187] See Figure 3F The diagram shown illustrates the switching of product pairing information. The product pairing page displays the card corresponding to the first product pairing information. In response to the swipe-up operation on the card, the currently displayed product pairing information on the product pairing page is switched to display the next product pairing information.

[0188] Of course, the above-mentioned swipe-up operation is only one example of the switching operation. The switching operation can also be set to swipe down, swipe left or swipe right, etc. The specific implementation can be flexibly set according to the page layout and user operation habits. This application does not impose any restrictions on this.

[0189] Optionally, to prompt users that they can view other product combinations through the switching operation, the product combination page can also display switching prompt information, for example, Figure 3F The phrase "swipe up to see the next article" is understandable. Figure 3F The switching prompt information displayed is merely an example of a switching prompt information provided in this application and is not intended to limit the switching prompt information.

[0190] It is understandable that the text-based switching prompts described above are merely one example. In practical applications, switching prompts can be displayed not only in text form but also using symbols (e.g., arrow icons), dynamic effects (e.g., pop-up effects), and other formats. Furthermore, when the current page dwell time exceeds a preset duration, confirming the user's interest in the target product's product pairing information, the switching prompt effect can be enhanced. For example, flashing the switching prompt can guide the user to view more product pairing information, further increasing the likelihood of a switch.

[0191] Optionally, while displaying the current product combination information card, the product combination page can also display the top area of ​​the next product combination information card to prompt the user that more product combination information is available for browsing. Correspondingly, when a user initiates a switching operation on the product combination page, it can be assumed that the user has a strong desire to view the product combination information corresponding to the target product. In this case, to provide the user with an immersive product combination information browsing experience, the product combination information can be displayed in full screen. Optionally, when displaying product combination information globally, redundant information such as top navigation information and bottom menu information can be hidden, retaining only the product combination information and necessary operation controls on the product combination page, further enhancing the immersive information browsing experience.

[0192] In the above embodiments, displaying product combination information in the form of cards allows each combination scheme to be presented independently, making it easy for users to quickly distinguish and browse, promoting users' understanding of the product combination information of the target products, thereby laying the foundation for subsequent combination product replacement.

[0193] Of course, the card display method provided in the above embodiments is only one optional method for displaying product pairing information. To enrich the display format of product pairing information, in some embodiments, the product pairing information cards can also be displayed in the form of a carousel.

[0194] See Figure 3G The diagram shown illustrates the switching of product combination information. The product combination page includes a first card display area and a second card display area. The first card display area is used to display cards containing product combination information currently being viewed by the user (i.e., Figure 3G The large image in the middle); the second card display area is used to display cards containing product combination information for users to browse (i.e., Figure 3G (The three small images in the image). Accordingly, in response to a triggering operation on any card in the second card display area, such as a click operation, the card content of the product combination information corresponding to the selected card is displayed in the first card display area. In response to a switching operation on the second card display area, such as a swipe operation, the card content of other product combination information is displayed.

[0195] Of course, users can also switch cards by swiping the first card display area. Correspondingly, in response to the switching operation on the first card display area, the currently displayed product combination information in the first card display area of ​​the product combination page will be switched to the card content displaying the next product combination information. To prompt users to view other product combination information through the switching operation, the product combination page can also display switching prompt information, such as "Swipe left to view the next one". It is understood that the switching prompt information displayed here is only an example of switching prompt information provided in this application and is not intended to limit the switching prompt information.

[0196] Optionally, to provide more display space for product pairing information, the pairing description text can be presented via voice announcement. Correspondingly, a voice announcement trigger control (such as...) can be displayed on the product pairing page. Figure 3G The voice icon in the control, in response to a trigger action on the trigger control, plays the corresponding product pairing description text.

[0197] Among them, the voice broadcast function can realize the speech speed adjustment and / or repeat broadcast function, so that users can obtain more product matching information when it is inconvenient to view the text.

[0198] In some embodiments, product pairing information cards may also be displayed as grid thumbnails.

[0199] See Figure 3HThe diagram shown illustrates the switching of product combination information. The product combination page displays multiple thumbnail cards (i.e., Figure 3H (Six small images in the image). Users can get a preliminary understanding of product pairing information through thumbnails, and click on them to view the corresponding card content when further information is needed. Correspondingly, in response to a trigger action on any thumbnail, such as a click action, the corresponding card content is displayed.

[0200] It should be noted that this application does not impose any restrictions on the display order of the thumbnail cards. For example, the thumbnail cards can be arranged according to matching style or user interests, with the thumbnail cards corresponding to product matching information that the user may be interested in placed at the beginning, so that the user can quickly locate the product matching information of interest.

[0201] To prompt users to view the content of the thumbnail card, i.e., the product pairing information, by triggering an action, the product pairing page may also display a viewing prompt, such as "Click to view details." It is understood that the switching prompt displayed here is merely an example of viewing prompts provided in this application and is not intended to limit the scope of switching prompts.

[0202] In one embodiment, taking the above-mentioned page interaction method implemented through interaction between server 104 and terminal 102 as an example, that is, in Figure 1 This explanation is based on the application environment shown; see [link / reference]. Figure 3I The sequence diagram of the product search process shown includes:

[0203] S310I, the terminal displays the product-related page for the target product;

[0204] Among them, the media content browsing area on the product-related page displays the target media content of the target product;

[0205] S320I: The terminal responds to the triggered operation for the product pairing entry and generates a product viewing request;

[0206] S330I: The terminal sends a product viewing request to the server;

[0207] S340I: In response to a product viewing request, the server searches for target media content that matches the product.

[0208] S350I: The server sends the target media content to the terminal.

[0209] S360I, the terminal displays a product pairing page; the product pairing page displays target media content in a card-stacking format;

[0210] S370I: In response to a switching operation on the currently displayed target media content, the terminal switches the currently displayed target media content to the next target media content.

[0211] Based on the technical solutions of the above embodiments, this application also provides an optional embodiment. In this optional embodiment, the target media content includes an image formed by combining the target product with the accompanying products; the search entry is a tag displayed in the image containing the accompanying products; the display position of the tag in the image is determined based on the display position of the accompanying products in the image. Accordingly, the display position of the tag and the display format of the tag including the descriptive text of the accompanying products are described.

[0212] The tags can be understood as descriptive text for the paired items. They are used to describe the name, style, or applicable scenarios of the paired items, helping users to gain an initial understanding of the corresponding paired items.

[0213] To clearly show users the correspondence between tags and paired products, in some embodiments, the display position of the tag in the image is determined based on the display position of the paired product in the image. For example, the tag can be displayed in the vicinity of the corresponding paired product in the image, such as above, below, or to the side of the paired product, or even overlaid on the paired product, allowing users to intuitively and quickly associate the tag with the corresponding paired product. This positional association method effectively avoids misalignment between tags and products, significantly improving the user's browsing experience.

[0214] Since the description text of the bundled products has a certain length, to avoid situations where the description text is not fully displayed or exceeds the product bundle page due to an unreasonable text length and label display position, and also to improve the display efficiency of the description text, in some embodiments, the display area where the image is located is divided into multiple areas, and the label includes the description text of the bundled products; the display orientation of the description text is a preset text display orientation corresponding to the area where the bundled products fall. Specifically, different display areas have corresponding preset description text display orientations; for example, the description text in the left area is displayed to the right, and the description text in the right area is displayed to the left.

[0215] In this process, by pre-dividing the display area and pre-determining the text display orientation for different areas, we can improve the efficiency of text display orientation and avoid poor page display due to chaotic text display orientation, thereby improving the user browsing experience.

[0216] For ease of understanding, see Figure 4The diagram shown illustrates the division of the image display area. From left to right, the image display area is divided into four regions: A, B, C, and D. Each region corresponds to a different preset orientation for the descriptive text display.

[0217] For example, when a product is placed in area A, the description text is displayed facing right, with the label presented as an anchor point plus text, the anchor point being on the left of the text and the text extending to the right. When a product is placed in area B, the description text is displayed facing left, the anchor point being on the right of the text and the text extending to the left. When a product is placed in area C, the description text is displayed facing right, the anchor point being on the left of the text and the text extending to the right. When a product is placed in area D, the description text is displayed facing left, the anchor point being on the right of the text and the text extending to the left. This method of dividing the text display orientation ensures that the text always extends inwards from the page and does not easily exceed the image display boundary.

[0218] Optionally, to enrich the display format of the descriptive text, in some embodiments, the descriptive text can also be displayed using various font styles, font sizes, or color themes. For example, depending on the type of product being paired or the style of the pairing, the descriptive text can be set to bold or italic, or switched to a color tone that matches the pairing scenario. Furthermore, animation effects can be added to the display of the descriptive text, such as text pop-up animations. It is understood that the display formats listed herein are merely examples of this application and are not intended to limit the display format of the descriptive text.

[0219] In the above embodiments, on the one hand, the descriptive text can be displayed completely and clearly without obscuring the accompanying products, improving the rationality of label display and user browsing experience; on the other hand, based on a pre-determined display orientation of the descriptive text, rather than determining the display orientation of the descriptive text in real time, the display efficiency of the descriptive text can be improved.

[0220] It is understandable that when displaying product pairing information, the number of paired products included in the product pairing information may be one or more. If there are many paired products, such as five or six, displaying the tags of all paired products on the product pairing page would lead to cluttered content and negatively impact the user browsing experience. Therefore, in some embodiments, an upper limit (empirical threshold) can be predetermined on the number of paired product tags that can be displayed; for example, a maximum of four paired product tags can be displayed on a single product pairing page.

[0221] Understandably, the maximum number of tags that can be displayed can be flexibly configured based on factors such as page size and product density, in order to avoid page congestion caused by too many tags and to improve the user browsing experience as much as possible.

[0222] To improve the reliability of product pairing recommendations, products with accurate pairings can be prioritized for display. For example, during the filtering of display tags, selection can be based on the confidence level of each tag. For instance, when determining the tags for each product pairing, the predicted tag results and tag confidence levels for each product pairing can be obtained. If the tag confidence level is less than a preset confidence threshold, the tag is not displayed; if the tag confidence level is not less than the preset confidence threshold, and the tag confidence ranking result is within the maximum number of tags that can be displayed, the tag is displayed. The preset confidence threshold can be determined based on human experience or through extensive experimentation; this application does not impose any limitations on it.

[0223] In some embodiments, in order to further simplify the layout of the product pairing page and to highlight the main pairing, the target product's tag is not displayed on the product pairing page. The above-mentioned tag filtering and display logic is only applied to the paired products. This ensures that the product pairing information is clearly displayed while avoiding visual clutter caused by too many page elements and improving the user browsing experience.

[0224] Based on the technical solutions of the above embodiments, this application also provides an optional embodiment. In this optional embodiment, the subsequent steps for displaying search results for complementary products are described.

[0225] See Figure 5A The steps for generating a product swap request, as shown, include:

[0226] S510A, in response to determining the target bundled product based on the search results, sends a replacement request for the target bundled product to the target object that provides the target bundled product.

[0227] In this context, the target product combination can be understood as any product combination that the user is interested in and selects. For example, a selected product combination in the search results can be considered the target product combination. Alternatively, the target product combination can also be a product combination that the user has viewed multiple times or spent a significant amount of time on. For instance, if the user sees multiple product combination listings that include the target product combination, then that product combination can be considered the target product combination.

[0228] The replacement request is used to request the replacement of the corresponding target bundled products; the target object can be understood as the product publisher of the target bundled products, i.e., the merchant. The target object can be an individual seller or an official account of a social media platform, etc., and this application does not impose any restrictions on this.

[0229] Optionally, determining the target complementary product based on search results can be done in response to a trigger operation on the display location of any complementary product, using the complementary product corresponding to the trigger operation location as the target complementary product. Alternatively, it can be done in response to a trigger operation on a tag of any complementary product, using the complementary product corresponding to the triggered tag as the target complementary product. This application does not limit the logic for determining the target complementary product. Alternatively, upon detecting multiple browsing behaviors for any complementary product, an interest query prompt for the complementary product can be generated, such as "Do you need specific information about this complementary product?", and a confirmation entry can be provided. In response to a trigger operation on the confirmation entry, the complementary product corresponding to the relevant interest query prompt can be used as the target complementary product.

[0230] It is understood that the above-mentioned query of interest prompt is merely an example provided in this application and is not intended to limit the scope of query of interest prompts. Query of interest prompts may also be displayed via voice broadcast or pop-up window; this application makes no limitation in this regard.

[0231] To provide users with more information about the target product before a replacement action occurs, in some embodiments, when a triggering action (e.g., a click) is detected on any product in the search results, the selected product can be designated as the target product, and a product information display request for the target product can be generated; in response to the product information display request, the product details page of the target product can be displayed; and in response to a product replacement request triggered on the product details page of the target product, a replacement request for the target product can be sent to the target object.

[0232] See Figure 5B The illustration shown illustrates the display of product information for the target bundled products, in response to the target bundled products (e.g., Figure 5B Triggering an action (e.g., clicking) on ​​the paired items in the bottom right corner displays the product details page for the target paired item. The product details page displays a swap entry point (e.g., ...). Figure 5B The "Buy Now" control in the context of the exchange entry sends an exchange request for the target product to the target object in response to a trigger action (e.g., a click action) and redirects the user to the exchange page.

[0233] The replacement page can also display replacement information such as order details, shipping address, and replacement method, guiding users through the entire replacement process.

[0234] To extend the product combination replacement chain, when displaying the product details page of the target combination product, it can also respond to product combination requests triggered on the product details page and display the product combination page. It can be understood that the displayed product combination page uses the target combination product as the target product for combination, a process identical to that provided by the page interaction methods mentioned above, and will not be elaborated upon here.

[0235] To facilitate the replacement of target complementary products, in some embodiments, when a triggering operation (e.g., long press) is detected for any complementary product in the search results, the selected complementary product can be used as the target complementary product, and a product replacement request for the target complementary product can be directly generated and sent to the target object.

[0236] In the above embodiments, by responding to the target matching products determined based on the search results and sending a replacement request to the product publisher, a complete interactive link from matching search to replacement initiation is constructed, which improves the replacement conversion efficiency while ensuring the smoothness of the interaction.

[0237] In one embodiment, taking the above-mentioned page interaction method implemented through interaction between server 104 and terminal 102 as an example, that is, in Figure 1 This explanation is based on the application environment shown; see [link / reference]. Figure 5C The timeline diagram shown illustrates the replacement process of the target product combination, including:

[0238] S510C: The terminal displays search results for the target product and the corresponding complementary products.

[0239] S520C: The terminal responds to the trigger operation for any tag of a product in the search results and determines the product corresponding to the tag as the target product.

[0240] S530C: The terminal sends the product identifier of the target product to the server;

[0241] S540C: The server responds to the product identifier of the target bundled product and determines the product information of the target bundled product.

[0242] S550C: The server sends the product information of the target product to the terminal.

[0243] The S560C terminal displays the product details page of the target bundled products and shows the product information of the target bundled products on the product details page.

[0244] Based on the technical solutions of the above embodiments, this application also provides an optional embodiment. In this optional embodiment, the sharing process and interaction logic of the target media content are further expanded and described.

[0245] See Figure 6A The steps for sharing the target media content shown include:

[0246] S610A, in response to a sharing operation for target media content, shares the target media content to the selected target object.

[0247] The target media content can be product matching information corresponding to the target product, including product matching effect pictures, outfit cards containing matching product anchors, AI-generated outfit scene pictures, etc. This application does not limit the specific form of the target media content.

[0248] The sharing operation can be a long press operation on the target media content, a click operation on the share control, a right-click menu selection operation, etc. This application does not limit the specific form of the sharing operation.

[0249] The target audience can be friends, group chats, Moments, or other social media recipients, or recipients of content shared via local storage or copying links. This application does not limit the type of target audience. Optionally, when sharing target media content, the corresponding styling description text, target product links, and product search entry points can also be shared, enabling the recipient (i.e., the target audience) to fully obtain styling information and engage in subsequent interactions. Optionally, the shared target media content can retain its original interactivity. For example, if the recipient clicks on the corresponding area in the styling image, they can still trigger a product search, thus achieving a complete link from sharing to product discovery to purchase.

[0250] See Figure 6B The diagram shown illustrates the sharing of target media content. The product page displays a sharing control (such as...). Figure 6B The "Share" option, in response to a triggering action on the share control (e.g., a click), displays a list of candidate objects; in response to a triggering action on any candidate object (e.g., a click), the selected candidate object is selected as the target object, and the target media content is sent to the target object. See also Figure 6B The diagram shown illustrates the display of the conversation page after the target object receives the target media content. The conversation page displays the target media content, and the target object can perform operations such as viewing the target media content and replacing the accompanying products included in the target media content.

[0251] In one embodiment, taking the above-mentioned page interaction method implemented through interaction between server 104 and terminal 102 as an example, that is, in Figure 1 This explanation is based on the application environment shown; see [link / reference]. Figure 6C The sequence diagram shown illustrates the sharing process of the target media content, including:

[0252] S610C, the terminal displays the target media content;

[0253] S620C: In response to a trigger operation targeting media content, the terminal displays a list of candidate objects.

[0254] S630C generates a content sending request in response to a trigger operation for any candidate object;

[0255] S640C: The terminal sends a content sending request to the server.

[0256] In the S650C, the server responds to a content sending request by sending the target media content to the target object.

[0257] Based on the technical solutions of the above embodiments, this application also provides an optional embodiment. In this optional embodiment, the page interaction method provided by this application will be described in detail.

[0258] See Figure 7 The page interaction methods shown are as follows:

[0259] S710, displays the product details page; the target product is displayed on the product details page;

[0260] For example, when a user opens a product details page, the client sends a pre-check request to the outfit inspiration service, carrying the product identifier and category information of the target product. The server queries the pre-generated cache based on the product identifier. If the cache contains matching information for the corresponding product, it directly returns the cached outfit scene image and the corresponding anchor data; if the cache does not contain the corresponding information, it triggers an asynchronous generation process, adds the generation task to the message queue, and returns an empty result to the client.

[0261] The asynchronous generation process of product pairing information includes: First, based on the main image of the target product, a visual retrieval service is invoked to perform a nearest neighbor search on published outfit notes to obtain outfit scene images visually similar to the target product, and low-quality and duplicate scene images are filtered out; then, the main image of the target product and the filtered scene images are input into an inference service based on an image fusion model to generate multiple outfit scene images combining the target product and matching products; for each generated outfit scene image, image search anchor point recognition is performed, and the recognition results are compared with the outfit scene. Figure 1 Write to the cache.

[0262] When the client receives an empty result, it hides the outfit entry point on the product details page. Once the cache is generated, the client is notified via push notification, and then the client displays the outfit entry point again.

[0263] S720, in response to a switching operation initiated on the product details page, switches the target product displayed on the product details page to the product combination information generated by the smart object based on the target product;

[0264] The process of generating product pairing information includes: obtaining product description information extracted from the image of the target product; obtaining scene description information of relevant scenes searched in published content based on the product description information; inputting the product description information and scene description information into a smart object, and outputting an image formed by pairing the target product with the matching products;

[0265] For example, see [link to previous article] Figure 2B The product combination information shown in the illustration can be pre-set in the display catalog below the image display area on the product details page (e.g., Figure 2B The categories "Videos," "Images," "Outfits," and "Sizes" respond to swiping actions on the displayed catalog. For example, if the current displayed catalog is "Images," a swipe to the left corresponds to a swipe to display product styling information under the "Outfits" category on the product details page.

[0266] S730, in response to a product pairing request initiated on the product details page, displays the product pairing page; the product pairing page displays a card containing the first product pairing information;

[0267] Among them, the number of product pairing information generated by the smart object based on the target product is multiple; the product pairing information is displayed in the form of card stacking, with each product pairing information corresponding to one card; the card displays an image formed after the target object and the paired products are paired, as well as a pairing description text;

[0268] For example, see [link to previous article] Figure 3B The product combination page shown is an illustration, responding to the product combination entry point (such as...). Figure 3B The "More Outfits" option in the app can trigger actions such as clicking to display the product styling page.

[0269] S740, in response to a switching operation initiated on the product pairing page, switches the currently displayed product pairing information on the product pairing page to display the next product pairing information;

[0270] The product pairing information includes an image created by pairing the target product with other products, as well as the tags on the paired products.

[0271] For example, see [link to previous article] Figure 3FThe illustration shows the product pairing information switching. The product pairing page displays the card corresponding to the first product pairing information. In response to the swipe-up operation on the card, the currently displayed product pairing information on the product pairing page is switched to display the next product pairing information.

[0272] S750, in response to a product search request generated based on tags of paired products, displays the search results page;

[0273] The search results page includes search results for corresponding complementary products;

[0274] For example, see [link to previous article] Figure 2G The search results shown are illustrated in the diagram. Product pairing page B displays anchor tags for each paired product. In response to a trigger action on any anchor tag, such as a click, the corresponding display area of ​​the paired product is selected on product pairing page B, and the corresponding display area is displayed differently (as shown in the diagram, the selected area is highlighted, and other areas are displayed in grayscale). Product search page C is then displayed on product pairing page B in a 2 / 3 layer format. Product search page C displays the search results for the corresponding paired products (as shown in the diagram, the two product previews on product search page C), as well as the search entry point, etc.

[0275] S760, in response to determining the target bundled product based on the search results, sends a replacement request for the target bundled product to the target object;

[0276] For example, see [link to previous article] Figure 5B The illustration shown illustrates the display of product information for the target bundled products, in response to the target bundled products (e.g., Figure 5B Triggering an action (e.g., clicking) on ​​the paired items in the bottom right corner displays the product details page for the target paired item. The product details page displays a swap entry point (e.g., ...). Figure 5B The "Buy Now" control in the context of the exchange entry sends an exchange request for the target product to the target object in response to a trigger action (e.g., a click action) and redirects the user to the exchange page.

[0277] It should be understood that although the steps in the flowcharts of the above embodiments are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the above embodiments may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages in other steps. It is understood that the steps in different embodiments can be freely combined as needed, and all non-contradictory solutions formed by such combinations are within the scope of protection of this application.

[0278] Based on the same inventive concept, this application also provides a page interaction device for implementing the page interaction method described above. The solution provided by this device is similar to the solution described in the above method; therefore, the specific limitations in one or more page interaction device embodiments provided below can be found in the limitations of the page interaction method described above, and will not be repeated here.

[0279] In one exemplary embodiment, such as Figure 8 As shown, a page interaction device is provided, including: a first display module 810, a second display module 820, and a third display module 830, wherein:

[0280] The first display module 810 is used to display the product-related page of the target product. The product-related page includes a media content browsing area, which displays the product media content of the target product.

[0281] The second display module 820 is used to display the target media content in the media content browsing area in response to the switching operation performed on the product media content; wherein, the target media content is generated based on the target product and the products that are paired with the target product, and the target media content is associated with the search entry of the products that are paired with the target product;

[0282] The third display module 830 is used to display search results for paired products in response to a trigger operation on the search entry.

[0283] In one embodiment, the product-related page includes at least one of the following: a product details page, a details page of published content, or a live stream page.

[0284] In one embodiment, the target media content is generated periodically in advance or generated in real time in response to a switching operation.

[0285] In one embodiment, the product-related page also includes entry points for product pairings that link to more target media content.

[0286] In one embodiment, the page interaction device further includes a fourth display module, which is used to display a product pairing page in response to a trigger operation on the product pairing entry, wherein the product pairing page displays target media content in the form of card stacking; and to switch the currently displayed target media content to display the next target media content in response to a switching operation on the currently displayed target media content.

[0287] In one embodiment, the target media content includes an image formed by pairing the target product with complementary products; the search entry is a tag displayed on the complementary products in the image; the display position of the tag in the image is determined based on the display position of the complementary products in the image.

[0288] In one embodiment, the display area where the image is located is divided into multiple areas, and the label includes descriptive text for the product; the display orientation of the descriptive text is a preset text display orientation corresponding to the area where the product falls.

[0289] In one embodiment, the page interaction device further includes a replacement module, configured to send a replacement request for the target product to the target object that provides the target product in response to determining the target product based on the search results.

[0290] In one embodiment, the page interaction device further includes a sharing module for sharing the target media content to a selected target object in response to a sharing operation on the target media content.

[0291] In one embodiment, the process of generating target media content includes: determining published content associated with product media content; obtaining scene description information to characterize a pairing scenario based on at least one of the published content or comments on the published content; inputting the scene description information and product description information extracted from the product media content into an intelligent object, and outputting target media content formed after integrating the target product and the pairing products into the pairing scenario and after pairing the target product and the pairing products.

[0292] Each module in the aforementioned page interaction device can be implemented entirely or partially through software, hardware, or a combination thereof. These modules can be embedded in or independent of the processor in a computer device, or stored in the memory of a computer device as software, so that the processor can call and execute the operations corresponding to each module.

[0293] In one exemplary embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 9As shown, the computer device includes a processor, memory, input / output interfaces, a communication interface, a display unit, and an input device. The processor, memory, and input / output interfaces are connected via a system bus, and the communication interface, display unit, and input device are also connected to the system bus via the input / output interfaces. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The input / output interfaces are used for exchanging information between the processor and external devices. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, Near Field Communication (NFC), or other technologies. When the computer program is executed by the processor, it implements a page interaction method. The display unit is used to form a visually visible image and can be a display screen, a projection device, or a virtual reality imaging device. The display screen can be an LCD screen or an e-ink screen. The input device of the computer device can be a touch layer covering the display screen, or buttons, trackballs, or touchpads set on the casing of the computer device, or external keyboards, touchpads, or mice, etc.

[0294] Those skilled in the art will understand that Figure 9 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0295] In one exemplary embodiment, a computer device is provided, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to implement the steps in the above-described method embodiments.

[0296] In one embodiment, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements the steps in the above method embodiments.

[0297] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps in the above method embodiments.

[0298] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of the relevant data must comply with relevant regulations.

[0299] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium, and when executed, it can include the processes of the embodiments of the above methods. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile memory and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, artificial intelligence (AI) processors, etc., and are not limited to these.

[0300] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this application.

[0301] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A page interaction method, characterized in that, The method includes: The product-related page of the target product is displayed. The product-related page includes a media content browsing area, which displays the product media content of the target product. In response to a switching operation performed on the product media content, the target media content is displayed in the media content browsing area; wherein the target media content is generated based on the target product and the product's complementary products, and the target media content displays a search entry for the complementary products; In response to a trigger operation on the search entry, the search results for the paired products are displayed.

2. The method according to claim 1, characterized in that, The product-related pages include at least one of the following: product details page, details page of published content, or live stream page.

3. The method according to claim 1, characterized in that, The target media content is either pre-generated periodically or generated in real time in response to the switching operation.

4. The method according to claim 1, characterized in that, The product-related pages also include entry points for product pairings that link to more target media content.

5. The method according to claim 4, characterized in that, The method further includes: In response to a trigger operation on the product pairing entry point, a product pairing page is displayed, in which the target media content is displayed in a card-stacking format; In response to a switching operation on the currently displayed target media content, switch the currently displayed target media content to the next target media content.

6. The method according to claim 1, characterized in that, The target media content includes an image formed by combining the target product with the complementary product; the search entry is a tag of the complementary product displayed in the image; the display position of the tag in the image is determined based on the display position of the complementary product in the image.

7. The method according to claim 6, characterized in that, The display area where the image is located is divided into multiple areas, and the label includes descriptive text for the accompanying product; the display orientation of the descriptive text is a preset text display orientation corresponding to the area where the accompanying product falls.

8. The method according to claim 1, characterized in that, The method further includes: In response to determining a target product pairing based on the search results, a replacement request for the target product pairing is sent to the target object that provides the target product pairing.

9. The method according to claim 1, characterized in that, The method further includes: In response to a sharing operation for the target media content, the target media content is shared to the selected target object.

10. The method according to any one of claims 1 to 9, characterized in that, The process of generating the target media content includes: Identify the published content associated with the media content of the product; Based on at least one of the published content or the comments on the published content, obtain scene description information to characterize the matching scenario; The scene description information and the product description information extracted from the product media content are input into the smart object, and the target media content formed by integrating the target product and the matching product into the matching scene and the target product and the matching product are paired is output.

11. A page interaction device, characterized in that, The device includes: The first display module is used to display the product-related page of the target product. The product-related page includes a media content browsing area, which displays the product media content of the target product. The second display module is used to display target media content in the media content browsing area in response to a switching operation performed on the product media content; wherein the target media content is generated based on the target product and the product's complementary products, and the target media content displays a search entry for the complementary products; The third display module is used to display the search results of the paired products in response to the triggering operation of the search entry.

12. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it implements the steps of the method according to any one of claims 1 to 10.

13. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 10.

14. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 10.

Images