Commodity combination purchasing method, device and equipment and computer readable storage medium

Abstract

The invention discloses a commodity combination purchase method, and the method comprises the steps: responding to a first operation of a user, loading a commodity page sold by a merchant on an Internet platform, the commodity page comprises a plurality of commodity display areas, and the commodity display areas are arranged according to a preset sequence, at least one commodity display area comprises a combined commodity display area; the combined commodity display area comprises at least two sub-areas, all or part of commodities capable of being purchased in a combined mode are displayed in the first sub-area, and a selection control is displayed in the second sub-area and used for guiding a user to select selectable commodities; in response to a second operation of the user on the selection control, displaying a commodity combination selection page; and in response to a confirmation operation of the user on more than two selectable commodities in the commodity combination selection page, collecting the commodity combination selection page, and guiding the user to carry out online payment. The method can improve the flexibility of commodity combination purchase, and saves the time for users to select commodities.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of Internet technology, and in particular to a method, device, equipment and computer-readable storage medium for purchasing a combination of goods. Background Art

[0002] With the rapid development of Internet technology, online shopping has become an indispensable part of people's daily life. At present, on Internet shopping platforms, users often want to buy multiple products at the same time. For example, when buying bread or other staple foods, they want to buy yogurt, fresh milk and other drinks at the same time. However, when buying these products, users need to switch between shelves of different categories to select products. For example, when buying yogurt, users need to look for it in the dairy category; when buying fresh milk, they need to look for it in another dairy category or fresh food category; and when buying bread, they need to look for it in the baking category. This process increases the complexity of the user's operation, makes the user feel inconvenient in the cumbersome switching process, and reduces the efficiency of purchasing goods. Summary of the invention

[0003] The present application provides a method, device, equipment and computer-readable storage medium for purchasing a combination of goods. The technical solution is as follows:

[0004] An embodiment of the present application provides a method for purchasing a combination of goods, the method comprising: in response to a first operation of a user, loading a product page sold by a merchant on an Internet platform, the product page comprising a plurality of product display areas, the product display areas being arranged in a preset order, at least one of the product display areas comprising a combination product display area; the combination product display area comprising at least two sub-areas, wherein all or part of the goods that can be purchased in combination are displayed in a first sub-area, and a selection control is displayed in a second sub-area to guide the user to select optional goods; in response to a second operation of the user on the selection control, displaying a product combination selection page; in response to the user's confirmation operation on two or more of the optional goods on the product combination selection page, folding the product combination selection page, and guiding the user to make an online payment.

[0005] Optionally, the method further includes: dynamically displaying all or part of the commodities that can be purchased in combination in the first sub-area.

[0006] Optionally, the method further includes: displaying at least two product areas in the product combination selection page, each of the product areas displaying the selectable products of the same category, and at least one product area displaying two or more of the selectable products.

[0007] Optionally, the dynamic display of all or part of the commodities that can be purchased in combination in the first sub-area includes: displaying a static image of the commodity combination that can be purchased in combination in a partial area of ​​the first sub-area; setting a static background template next to the static image, the static background template including at least two sections; and dynamically loading the images of all or part of the commodities that can be purchased in combination on each of the sections according to a preset time, thereby displaying all or part of the commodities that can be purchased in combination in a carousel manner.

[0008] Optionally, all or part of the product images that can be purchased in combination are dynamically loaded on each section at a preset time, so as to display all or part of the products that can be purchased in combination in a carousel manner, including: at a preset time, calling a preprocessed product image corresponding to the product identifier according to the product category and the product identifier; and loading the preprocessed product image as a new layer onto the corresponding section according to the position identifier of each section.

[0009] Optionally, the method for preprocessing the product image includes: identifying the product and background in the product image based on an image recognition algorithm; setting the background in the identified product image to transparent, and generating a product image with a transparent background; adjusting the size of the product image with a transparent background based on the size of each section to fit the size of the section; generating a new image identifier for the adjusted product image, saving the adjusted product image and the corresponding image identifier; and associating the corresponding image identifier with the product identifier.

[0010] Optionally, the method also includes: the goods that can be purchased in combination are obtained in the following manner: a self-combination product function control is displayed in the merchant management page of the Internet platform; in response to the merchant's confirmation of the self-combination product function control, all or part of the merchant's goods in the list of goods for sale on the Internet platform are displayed; in response to the merchant's selection of goods in the list of goods for sale, a self-combination product catalog identifier is generated, and the merchant identity identifier, the self-combination product catalog identifier and the selected product identifier are uploaded to the server; a self-combination product storage space is created in the server according to the merchant identity identifier and the self-combination product catalog identifier, and the product identifier is stored in the self-combination product storage space.

[0011] Optionally, the method also includes: the goods that can be purchased in combination are also obtained in the following manner: a self-combination product function control is displayed in the merchant management page of the Internet platform; in response to the merchant's confirmation of the self-combination product function control, a product text input box for at least two categories of goods and an entrance for uploading corresponding product pictures are popped up; based on the merchant's text input information and picture information of all goods, a self-combination product catalog identifier is generated, and the merchant identity identifier, the self-combination product catalog identifier and the text input information and picture information of all goods are uploaded to the server; a self-combination product storage space is created in the server according to the merchant identity identifier and the self-combination product catalog identifier, and the product identifier is stored in the self-combination product storage space.

[0012] The embodiment of the present application also provides a commodity combination purchasing device, which includes:

[0013] A product page loading unit: used to load the product page sold by the merchant on the Internet platform in response to the user's first operation; a product display management unit: used to manage the product display area in the product page, ensure that the display area is arranged in a preset order, and include a combination product display area; a combination product display unit: used to display products that can be purchased in combination and selection controls in the combination product display area; a user interaction control unit: used to respond to the user's operation on the selection control and display the product combination selection page; a product combination selection page processing unit: used to process the user's operation on the product combination selection page, including confirming more than two optional products.

[0014] An embodiment of the present application also provides a server, which includes a processor and a memory, wherein the memory stores at least one program code, and the at least one program code is loaded and executed by the processor to enable the server to implement the above-mentioned first aspect and any one of the implementation methods of the first aspect.

[0015] An embodiment of the present application also provides an electronic device, which includes a processor and a memory, wherein the memory stores at least one program code, and the at least one program code is loaded and executed by the processor to enable the electronic device to implement the above-mentioned second aspect and any one of the implementation methods of the second aspect and the method for purchasing a combination of goods.

[0016] An embodiment of the present application also provides a computer-readable storage medium, in which at least one program code is stored. The at least one program code is loaded and executed by a processor to enable a computer to implement any of the above-mentioned commodity combination purchasing methods.

[0017] An embodiment of the present application also provides a computer program or a computer program product, in which at least one computer instruction is stored, and the at least one computer instruction is loaded and executed by a processor to enable a computer to implement any of the above-mentioned commodity combination purchasing methods.

[0018] The technical solution provided in the embodiment of the present application can realize cross-category or cross-object combination of goods in merchant stores, thereby improving the flexibility of commodity combination purchases and increasing the success rate of commodity combination purchases. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0020] Figure 1 is a schematic flow chart of a method for purchasing a combination of commodities provided in an embodiment of the present application;

[0021] Figure 2 This is a page diagram of a method for purchasing a combination of commodities provided in an embodiment of the present application;

[0022] Figure 3 This is another page schematic diagram of a commodity combination purchasing method provided in an embodiment of the present application;

[0023] Figure 4 This is another page schematic diagram of a commodity combination purchasing method provided in an embodiment of the present application;

[0024] Figure 5 This is another page schematic diagram of a commodity combination purchasing method provided in an embodiment of the present application;

[0025] Figure 6 This is another page diagram of a method for purchasing a combination of goods provided in an embodiment of the present application. DETAILED DESCRIPTION

[0026] In order to make the objectives, technical solutions and advantages of the present application clearer, the implementation methods of the present application will be further described in detail below with reference to the accompanying drawings.

[0027] An implementation environment of a commodity combination purchasing method provided in an embodiment of the present application may include: an electronic device and a server.

[0028] The electronic device may be at least one of a smart phone, a game console, a desktop computer, a tablet computer, an e-book reader, an MP3 (Moving Picture Experts Group Audio Layer III) player, an MP4 (Moving Picture Experts Group Audio Layer IV) player, and a laptop computer. The electronic device may communicate with the server.

[0029] An electronic device may generally refer to one of a plurality of electronic devices, and this embodiment is only illustrated by an electronic device. Those skilled in the art may know that the number of the electronic devices may be more or less. For example, the number of the electronic devices may be only one, or the number of the electronic devices may be dozens or hundreds, or more. The embodiment of the present application does not limit the number and type of electronic devices.

[0030] The server is a single server, or a server cluster consisting of multiple servers, or any one of a cloud computing platform and a virtualization center, which is not limited in the embodiments of the present application. The server is connected to the electronic device through a wired network or a wireless network. The server is used to generate multiple candidate acquisition schemes based on the first location information and the target content, and send the multiple candidate acquisition schemes to the electronic device. Of course, the server may also have other functions, which are not limited in the embodiments of the present application.

[0031] Based on the above implementation environment, an embodiment of the present application provides a method for purchasing a combination of goods, which can be described by the interaction between an electronic device and a server. Figure 1 is a schematic flow chart of a method for purchasing a combination of commodities provided in an embodiment of the present application. Figure 1 As shown, the method may include the following steps:

[0032] In step 201, in response to the user's first operation, a product page sold by the merchant on the Internet platform is loaded, the product page includes multiple product display areas, the product display areas are arranged in a preset order, and at least one of the product display areas includes a combined product display area.

[0033] In the exemplary embodiment of the present application, an application for acquiring resources (hereinafter referred to as the first application) is installed and run in the electronic device. The first application can be a shopping application or a life application. The first application can be any type of application, and the embodiment of the present application does not limit this. The commodity can be food, general merchandise, medicine, clothing, etc., and the embodiment of the present application does not limit the type of commodity.

[0034] In one possible implementation, multiple applications are displayed in an electronic device. In response to a user's selection instruction for a merchant store in a first application, the electronic device displays a page of products being sold in the merchant store, where the product page includes products sold by the merchant on an Internet platform. The product page includes multiple product display areas, and the product display areas are arranged in a preset order. At least one of the product display areas includes a combined product display area.

[0035] The display of products can be displayed in rows according to product type, with each row displaying one product, or in columns, for example, in two columns, with each column displaying a different product. The preset order arrangement of the product display area can be selected from at least one of the following methods:

[0036] Personalized recommendation algorithm: The product display area is sorted according to a personalized recommendation algorithm based on the historical behavior, preferences, purchase records, and real-time behavior data of users who have purchased products in the merchant's store. The algorithm can use machine learning techniques such as collaborative filtering, content recommendation, or a hybrid recommendation system to ensure that users see the products they are most likely to be interested in first.

[0037] Smart Prioritization: The preset order can be dynamically adjusted based on the sales volume, reviews, inventory status, new product launches, promotions, and other factors of the merchant's store products. For example, products with high sales volume can be displayed first, or the order of products can be adjusted according to specific holiday promotions.

[0038] Merchant custom sorting: Merchants provide sorting preferences, such as price from low to high, rating from high to low, or by product type, etc. The system adjusts the order of the product display area based on the merchant settings.

[0039] At least one of the commodity display areas includes a combination commodity display area. The combination commodity display area is used to display similar products or series of products to be sold, or a combination of products of different types that can be sold together, or other commodities suitable for combined sale.

[0040] Among them, product combinations of different types that can be sold together include but are not limited to:

[0041] Food:

[0042] Breakfast set: bread + drink set.

[0043] Baking combination: cake + biscuits + dessert gift box.

[0044] Seasoning Kits: A combination of seasonings for a specific cooking style.

[0045] Electronic products:

[0046] Smart home set: smart bulb + smart socket + smart speaker.

[0047] Personal computer set: laptop + external monitor + keyboard + mouse.

[0048] Game set: game console + game controller + game software.

[0049] Clothing and accessories:

[0050] Clothing set: top + pants / skirt + shoes.

[0051] Accessories combination: hat + scarf + gloves.

[0052] Formal wear combination: suit + tie + belt + leather shoes.

[0053] In addition, it can also include products in categories such as beauty and personal care, household items, kitchen sets, bedroom sets, cleaning supplies sets, books and education, sports and fitness, festivals and gifts, etc.

[0054] In step 202, the combined commodity display area includes at least two sub-areas, wherein all or part of the commodities that can be purchased in combination are displayed in the first sub-area, and a selection control is displayed in the second sub-area to guide the user to select optional commodities.

[0055] The first sub-area is a product display area, which can display static pictures, dynamic pictures, videos, etc. of the combined products. A selection control is displayed in the second sub-area to guide the user to select optional products.

[0056] The first sub-area can display product images in a static manner, and the images can be static images of all products or static images of some products; they can also be displayed in a dynamic manner, for example, by displaying the image of each product or the image of a combination of products in sequence in a carousel manner; or short videos or video clips containing the products can be displayed.

[0057] Figure 2 and Figure 3 This is a page diagram of a method for purchasing a combination of commodities provided in an embodiment of the present application. Figure 2 and Figure 3 , all or part of the commodities that can be purchased in combination may be dynamically displayed in the first sub-area, which may include:

[0058] In a part of the first sub-area, a static picture of a commodity combination that can be purchased in combination is displayed, for example, a picture of a milk meal, which includes a piece of bread and a box of milk;

[0059] Next to the static picture, a static background template is set, the static background template includes at least two sections. Preferably, the static background template can be set on the right side of the static picture, the static background template includes three sections arranged from top to bottom;

[0060] At the preset time, all or part of the product images that can be purchased in combination are dynamically loaded on each section, so that all or part of the products that can be purchased in combination are displayed in a carousel. Figure 3 , Figure 3 yes Figure 2 The content in the static background template section can change according to the preset time. For example, a milk package includes three types of bread and three types of milk. The pictures in the static background template section of the milk package can switch between the three types of bread and the three types of milk.

[0061] For different types of products, taking breakfast combinations as an example, for example, all or part of the products that can be purchased in combination can be dynamically displayed in the first sub-area.

[0062] Optionally, the product display area can use HTML and CSS to create sub-areas, and dynamically load static images, dynamic images or videos of products through JavaScript. For example, a carousel plug-in can be used to achieve dynamic display of products.

[0063] The selection control area allows users to select optional products. The state changes of the control can be monitored through JavaScript and the user's selection can be updated in real time.

[0064] Set a static background template in the product display area. The color and size of the static background template can be preset. Use JavaScript to dynamically load product images at preset time intervals to achieve a carousel effect. For example, using technologies such as Ajax or FetchAPI, the front end can obtain new product data from the server without refreshing the page.

[0065] In an optional implementation, first initialize the product page and product display area:

[0066] Information is transmitted between the server and the App in the user terminal in the following manner: the user initiates an operation request to browse the merchant page through the user terminal, and the user terminal uploads the request to the server, requesting to obtain data on the product page sold by the merchant on the Internet platform, including the data of the combination product in the product page.

[0067] The server receives and starts to process the operation request, retrieves the information of the combined product from the database, and serializes it into JSON format. The server returns the JSON data to the user terminal.

[0068] The user terminal receives the JSON data returned by the server, parses the JSON data using JavaScript, and dynamically creates HTML elements to display the products.

[0069] Optionally, the dynamic display of all or part of the commodities that can be purchased in combination in the first sub-area includes: displaying a static image of the commodity combination that can be purchased in combination in a partial area of ​​the first sub-area; setting a static background template next to the static image, the static background template including at least two sections; and dynamically loading the images of all or part of the commodities that can be purchased in combination on each of the sections according to a preset time, thereby displaying all or part of the commodities that can be purchased in combination in a carousel manner.

[0070] Specifically, in a partial area of ​​the first sub-area, a static image of a combination of goods that can be purchased in combination is displayed. For example, the user terminal can request the static image URL of the combination of goods from the server through an AJAX request. The server queries the database according to the request parameters, such as the combination ID of the goods, and returns a JSON response containing the image URL. After the user terminal receives the server response, it uses JavaScript to dynamically create an img element. The returned image URL is set as the src attribute of the img element to load and display the static image. An API endpoint is set on the server side to process the request from the front end for the static image of the combination of goods. When the request is received, the server queries the database according to the request parameters, such as the product ID, obtains the corresponding product image URL, and serializes the image URL into JSON format and sends it back to the user terminal.

[0071] Next to the static image, a static background template is set, and the static background template includes at least two sections. The static background template is placed next to the static image, and the static background template includes at least two sections. The spacing between the sections is positioned and adjusted by setting CSS parameters. Preferably, there can be three sections. The three sections can be three interconnected versions arranged vertically. Optionally, the three sections can be set on the right side of the static image. Use HTML and CSS to create a static background template containing at least several sections. Each section can be represented by a div element, and the corresponding style can be pre-set, such as border, background color, size, etc.

[0072] At the preset time, all or part of the product images that can be purchased in combination are dynamically loaded on each section, so that all or part of the products that can be purchased in combination are displayed in a carousel. The user terminal uses JavaScript to process the data returned by the server, dynamically create img elements or set background images. Use a timer to control the interval time of the carousel. On the server side, create and maintain a product image library for merchants to ensure that the images are optimized to support fast loading. When a request for a carousel image is received, the server side can respond quickly and return the URL of the product image to be displayed in the next round. Optionally, a caching mechanism can also be set to reduce direct access to the database and improve response speed. At the same time, the server performance can be monitored to ensure that a large number of image requests can be processed during peak hours to maintain service stability.

[0073] Optionally, all or part of the product images that can be purchased in combination are dynamically loaded on each section, so as to display all or part of the products that can be purchased in combination in a carousel manner, including: calling the preprocessed product image corresponding to the product identifier according to the product category and the product identifier at a preset time; and loading the preprocessed product image as a new layer onto the corresponding section according to the position identifier of each section.

[0074] Specifically, according to the preset time, the process of calling the pre-processed product image may include:

[0075] You can use JavaScript's setInterval function to set a timer, which triggers the function at a preset time interval to achieve a carousel effect. In the timer's callback function, first determine the product category and product ID that need to be displayed. Then send a request to the backend through Ajax or FetchAPI, requesting information containing product category and product ID to obtain the corresponding pre-processed product image. After receiving the request sent by the front end, the server queries the database for the corresponding product information based on the product category and product ID parameters. Pre-process the product images to ensure that they have been optimized and compressed to speed up loading and reduce bandwidth consumption. The server encapsulates the queried product image URL into JSON format and returns it to the user terminal.

[0076] According to the location identifier of each section, the pre-processed product image is loaded as a new layer onto the corresponding section. After the user terminal receives the product image URL returned by the server, it uses JavaScript to dynamically create an img element or directly modify the properties of the existing img element to load the new product image. A unique location identifier can be set for each section to determine which product image should be loaded into which section. Using the z-index attribute of CSS, the newly loaded product images are placed as a new layer above the section to ensure that they can cover the old images and achieve a seamless carousel effect. Preferably, CSS animations can be added, such as fade-in and fade-out effects, to make layer switching smoother and enhance user experience.

[0077] To ensure that the data returned by the server contains enough information so that the user terminal can correctly load the image to the corresponding section. You can also use the content distribution network acceleration of the image server to further improve the speed and reliability of image loading. Monitor the response time and resource consumption of the server to ensure that the backend service can efficiently process the front-end carousel request and maintain a good user experience.

[0078] For example, a combination product display area in a merchant's product page sells breakfast combinations, including three staple foods and three drinks. Users can freely match them according to their preferences. A static image is displayed in the left area of ​​the first sub-area, which includes a loaf of bread and a box of soy milk. To the right of the static image, a static background template is set, including three sections. When the carousel is played, it will switch between staple foods and drinks. For example, three sections will display static images of three staple foods at the same time. Over time, the carousel will switch seamlessly to display three drinks.

[0079] By adopting this dynamic display technology, the user interface will be highly interactive and visually attractive, significantly improving the user's shopping experience, including but not limited to:

[0080] Enhanced user experience: The carousel display method allows users to easily browse a variety of product combinations without leaving the page, thereby improving the convenience and satisfaction of users when purchasing products.

[0081] Improve page activity: Dynamically loaded product images and carousel effects increase the dynamics of the page, making the entire shopping process more vivid and interesting, helping to attract and maintain user attention.

[0082] Optimize the decision-making process: By displaying different types of products, such as staple foods and beverages, in separate sections, users can more intuitively compare and select the product combination that suits them without clicking on the detail page, which speeds up the decision-making process and improves conversion rates.

[0083] Flexibility and scalability: The design of static background templates makes it more flexible to add or modify product displays in the future, easy to maintain and update, and provides more possibilities for merchants to promote their products.

[0084] Optionally, the method for preprocessing the product image includes: identifying the product and background in the product image based on an image recognition algorithm; setting the background in the identified product image to transparent, and generating a product image with a transparent background; adjusting the size of the product image with a transparent background based on the size of each section to fit the size of the section; generating a new image identifier for the adjusted product image, saving the adjusted product image and the corresponding image identifier; and associating the corresponding image identifier with the product identifier.

[0085] Specifically, for product images, the product and background in the product image can be identified based on an image recognition algorithm. This can include one or more of the following steps:

[0086] Image enhancement: Image enhancement techniques such as sharpening and contrast adjustment can be used to improve image quality and help the algorithm recognize better.

[0087] Select a suitable image segmentation model, such as a deep learning model, for example, MaskR-CNN, U-Net, etc. based on convolutional neural network CNN, or select a traditional image processing algorithm, such as GrabCut, Watershed, etc., to segment the image.

[0088] If a deep learning model is used, it needs to be trained in advance to distinguish between products and backgrounds. The training data set can include a large number of labeled product and background images uploaded by merchants on the Internet platform. The trained model is deployed on the server for real-time image processing.

[0089] Taking the image processing segmentation model as an example, the preprocessed image is input into the image segmentation model. The model analyzes the image, identifies the product area and the background area, and then outputs a mask, which is usually a binary image, where the product area is white and the background area is black. The generated mask is applied to the original image to distinguish the product from the background.

[0090] The processing method for background transparency may include: setting the background area to be transparent. For example, if it is a PNG format, the transparency of the background pixels may be set to 0.

[0091] Based on the size of each section, adjust the size of the transparent background product image to fit the size of the section, which can include:

[0092] Get the section size: It can be obtained through the front-end code. The section size can be a fixed size or dynamically calculated. It can also be a section size preset in the server.

[0093] Calculate the scaling ratio based on the original product image size: Calculate the scaling ratio based on the size of the product image uploaded by the merchant or the size of the product image in the merchant's product image library stored on the server, and the size of the section. The scaling ratio should be the smaller of the ratio of the section width and height to the product image width and height to ensure that the image can fully fit the section and does not exceed the scope of the section.

[0094] Scale image: Scale the product image according to the calculated scaling ratio. If the scaled image does not exactly match the section size, it may need to be cropped or padded.

[0095] The processed image is saved to the file system or database on the server. A new image ID and an accessible URL are generated for the processed new image, and the two are associated so that the front end can obtain and display them. The front end uses the new image ID to update the product information on the page. The server back end associates the image ID of the new image with the corresponding product ID in the database to ensure that the front end can correctly retrieve the corresponding image.

[0096] This application adopts this method, which significantly improves the image quality through image enhancement technology, thereby helping the image recognition algorithm to more accurately identify products and backgrounds. Accurate product and background recognition can ensure that users can get a clearer and more focused visual experience when browsing products. Setting the background to transparent makes the product image more prominent, increases the visual appeal of the webpage, and improves the user's shopping experience; at the same time, product images with transparent backgrounds can also easily adapt to different web page designs and section sizes.

[0097] The processed image is saved to the server and a new image ID and URL are generated for easy management and access. The new image ID is associated with the product ID to ensure the consistency and integrity of the data, so that the front end can quickly and accurately retrieve the corresponding image.

[0098] Through the implementation of the above technical solutions, not only the visual effects and user experience of product display are improved, but also the efficiency of image processing and resource management are optimized, bringing higher user satisfaction and business efficiency to the e-commerce platform.

[0099] In step 203, in response to the user's second operation on the selection control, a product combination selection page is displayed.

[0100] Figure 4 and Figure 5This is another page diagram of a method for purchasing a combination of commodities provided in an embodiment of the present application. Figure 4 As shown, in an optional embodiment, the combined product display area is used to sell similar products or series products. For example, for potato chips with multiple flavors, the selection control in the second sub-area may display a prompt text, such as "Select Specifications". After the user clicks the "Select Specifications" control, Figure 5 As shown, a product combination selection page may pop up, and the product combination selection page may be a product details floating layer, and the product details floating layer may pop up from bottom to top, or from left to right. The product details floating layer displays multiple products and corresponding selection controls, including a flavor selector, a quantity adder and subtractor, a specification switch button, etc., and the user may select the desired product through these controls. For example, select original potato chips, the quantity is 1, tomato potato chips, the quantity is 2, and so on. After the user selects the quantity of the product, click "Add to Cart" to add the selected product and quantity to the shopping cart.

[0101] When you click "Add to Cart", the product details pop-up window is retracted, for example, from top to bottom. When you refresh the product page, the selection control in the second sub-area of ​​the combined product display area is updated to a quantity adder and subtractor control, which displays the total number of combined products previously selected by the user and symbols for increase and decrease. For example, if the user selects 8 bags of potato chips of different flavors, the quantity adder and subtractor control can display "-8+".

[0102] Optionally, the user can modify the total number of combined products through the quantity adder and subtractor control. In response to the user clicking the quantity adder and subtractor control, the product combination selection page pops up again. At this time, the pop-up product combination selection page displays the product type and quantity selected by the user before clicking "Add to Cart". The user can make changes based on this. In response to the user clicking "Add to Cart", the user's newly selected product and quantity change information replaces the corresponding product and quantity information in the shopping cart.

[0103] Optionally, the user can also modify the selected goods and quantities in the shopping cart. A total price control is provided at the bottom of the product page to display the total price of the goods currently selected by the user. Preferably, the total price is the price after using the merchant store coupons, full reduction activities and / or user red envelopes. In response to the user clicking the total price control of the goods, a product combination selection page pops up. The product combination selection page can be a product details floating layer, and the product details floating layer can pop up from bottom to top. The user reselects the goods and quantity changes, clicks "Add to Cart", and updates the corresponding goods and quantity information in the shopping cart.

[0104] Optionally, the user can also modify the selected product and quantity on the checkout page. A "go to checkout" control is provided at the bottom of the product page. In response to the user clicking the "go to checkout" control, the user jumps to the checkout page, where the product types can be deleted and the product quantities can be increased or decreased.

[0105] In an optional embodiment, the combination product display area is used to sell different types of product combinations that can be sold together. This display method is intended to provide users with more abundant and flexible shopping options, facilitate their combination purchases, and thus improve customer satisfaction.

[0106] Figure 6 1 is another page diagram of a method for purchasing a combination of commodities provided in an embodiment of the present application. Optionally, the commodity combination selection page displays at least two commodity areas, each of which displays the optional commodities of the same category, and at least one commodity area displays two or more optional commodities. Figure 6 For example, if a user selects a milk package, which includes dairy products and bread, two product areas will be displayed on the product combination selection page, namely the dairy product area and the bread area. The user can select one of the three dairy products provided in the dairy product area and one of the three breads provided in the bread area. It is understandable that the user can also select multiple dairy products from the three dairy products provided in the dairy product area and multiple breads from the three breads provided in the bread area. The user's selection method can be set and defined by the merchant in the purchase method of the product combination.

[0107] Specifically, each product area has its own unique positioning and function, and they are used to display optional products of the same category. Such a classification display allows users to quickly distinguish products of different categories and easily find the product categories they are interested in.

[0108] In these product areas, at least one area displays two or more optional products, and two or more optional products can be displayed in all areas. This depends on the merchant setting the combination of product types and the quantity of each product.

[0109] In this way, users can intuitively see the appearance and matching effects of various product combinations, so as to make more informed purchasing decisions. For example, in the product combination of breakfast, one product area may display different cereal breakfasts, while another displays various yogurts and juices. Users can freely choose which products to buy together and enjoy the convenience of one-stop shopping.

[0110] This design fully considers the user's shopping habits and matching needs, allowing users to compare and select different product combinations in the same view. This display method not only increases the interactivity and attractiveness of the page, but also helps users make quick decisions and saves their time.

[0111] The commodities that can be purchased in combination are obtained in a variety of ways, such as the merchant selecting from commodities for sale and / or uploading new commodity information. For example:

[0112] Optionally, a self-combined commodity function control is displayed in the merchant management page of the Internet platform; in response to the merchant's confirmation of the self-combined commodity function control, all or part of the merchant's commodities in the list of commodities for sale on the Internet platform are displayed; in response to the merchant's selection of commodities in the list of commodities for sale, a self-combined commodity catalog identifier is generated, and the merchant identity identifier, the self-combined commodity catalog identifier and the selected commodity identifier are uploaded to the server; a self-combined commodity storage space is created in the server according to the merchant identity identifier and the self-combined commodity catalog identifier, and the commodity identifier is stored in the self-combined commodity storage space.

[0113] Merchants can configure the combination sale of existing products and / or newly uploaded products in the product store on the merchant management page of the Internet platform.

[0114] Optionally, the merchant can log in to the merchant management page of the Internet platform and load the "self-combination of goods" function control in the main page or subpage of the merchant management page. It is understandable that the function control can also be called by other names, which are not limited here.

[0115] In response to the merchant clicking on the "self-combination of goods" function control, a modal box containing a list of goods for sale pops up or jumps to a new page. After receiving the merchant's click operation, the server queries the merchant's list of goods for sale in the database and returns the product data through the API interface.

[0116] In response to the merchant selecting two or more commodities in the commodity list, the commodity identifiers of the selected commodities are used to generate a unique self-combined commodity catalog identifier. Then, the merchant identity identifier, the commodity catalog identifier, and the commodity identifier are packaged and sent to the server.

[0117] The server receives the encapsulated information and parses it, verifies the merchant's identity, creates a new self-combined product catalog ID, and creates a new product combination record for the merchant in the database. Optionally, the server creates a storage space for the new product combination in the database, stores the merchant's identity ID, product catalog ID, and product ID in the corresponding table, and returns a message of success or failure to the merchant's page.

[0118] Optionally, merchants can upload photos and text information of matching packages, including: displaying a self-combination product function control in the merchant management page of the Internet platform; in response to the merchant's confirmation of the self-combination product function control, popping up a product text input box for at least two categories of products and an entrance for uploading corresponding product pictures; generating a self-combination product catalog identifier based on the merchant's text input information and picture information of all products, and uploading the merchant identity identifier, the self-combination product catalog identifier, and the text input information and picture information of all products to the server; creating a self-combination product storage space in the server according to the merchant identity identifier and the self-combination product catalog identifier, and storing the product identifier in the self-combination product storage space.

[0119] Specifically, a product text input box and a picture upload entrance are displayed on the main page of the merchant management page or the sub-page of "self-combined products", providing an input and upload interface for the merchant.

[0120] The merchant enters the product description in the text input box and selects the image file to upload through the upload portal, and uploads the product description and image to the server. The server receives the uploaded product description and image, stores them in the specified location of the server, and records the image URL and product description information in the database.

[0121] In response to the user's confirmation of the combined product, a self-combined product catalog identifier is generated, and this information, including the merchant identity identifier, product catalog identifier, product text description, image URL, etc., is packaged and uploaded to the server. After receiving the request and parsing the data, the server verifies the merchant identity, creates a new self-combined product catalog identifier, and updates the product combination record in the database, associating the product description and image. The server creates storage space for the new product combination in the database, saves the merchant identity identifier, product catalog identifier, product text description and image URL, and returns a message of success or failure to the merchant end.

[0122] It is understandable that merchants can also upload new products and pictures first, and then freely choose the products that need to be sold in combination from the original products in the store and the newly uploaded products.

[0123] In step 204, in response to the user's confirmation operation on two or more optional commodities in the commodity combination selection page, the commodity combination selection page is closed and the user is guided to make an online payment.

[0124] After the user selects products of different categories in the product combination selection page, in response to the user's confirmation operation, the product combination selection page is folded. The confirmation operation can be achieved by clicking the "Confirm" control, or clicking the "Add to Cart" control or other methods. Reload the original product page, update the quantity of the products selected by the user, and update the quantity and price of the products in the shopping cart area below the product page. In response to the user's click operation on the "Go to Checkout" control in the shopping cart area, jump to the settlement page. The user can fill in the delivery address on the settlement page and make payment. After the user completes the payment, an order is generated for the products selected by the user, and the server allocates delivery resources for delivery based on information such as the merchant address and delivery address.

[0125] This approach can provide merchants with intuitive self-combination product functions. Merchants can easily combine products and upload photos, simplifying the process of setting up combined products and improving operational efficiency. In the form of combined packages, merchants can bundle related products for sale, which can not only increase the amount of a single transaction, but also reduce the inventory pressure of a single product and improve overall sales efficiency.

[0126] The embodiment of the present application also provides a commodity combination purchasing device, which may include:

[0127] A product page loading unit: used to load the product page sold by the merchant on the Internet platform in response to the user's first operation; a product display management unit: used to manage the product display area in the product page, ensure that the display area is arranged in a preset order, and include a combination product display area; a combination product display unit: used to display products that can be purchased in combination and selection controls in the combination product display area; a user interaction control unit: used to respond to the user's operation on the selection control and display the product combination selection page; a product combination selection page processing unit: used to process the user's operation on the product combination selection page, including confirming more than two optional products.

[0128] This solution can realize cross-category or cross-object combination of merchant store products, thereby improving the flexibility of product combination purchases and increasing the success rate of product combination purchases.

[0129] In an exemplary embodiment, the present application also provides a server, which may have relatively large differences due to different configurations or performances, and may include one or more processors (Central Processing Units, CPU) and one or more memories, wherein at least one program code is stored in the one or more memories, and the at least one program code is loaded and executed by the one or more processors to implement the commodity combination purchase method provided by the above-mentioned various method embodiments. Of course, the server may also have components such as a wired or wireless network interface, a keyboard, and an input and output interface for input and output, and the server may also include other components for implementing device functions, which will not be described in detail here.

[0130] In an exemplary embodiment, a computer-readable storage medium is further provided, in which at least one program code is stored. The at least one program code is loaded and executed by a processor to enable a computer to implement any of the above-mentioned commodity combination purchasing methods.

[0131] Optionally, the computer-readable storage medium may be a read-only memory (ROM), a random access memory (RAM), a compact disc (CD-ROM), a magnetic tape, a floppy disk, an optical data storage device, etc.

[0132] In an exemplary embodiment, a computer program or a computer program product is also provided, wherein at least one computer instruction is stored in the computer program or the computer program product, and the at least one computer instruction is loaded and executed by a processor to enable a computer to implement any of the above-mentioned commodity combination purchasing methods.

[0133] It should be noted that all actions of acquiring signals, information or data in this application are carried out in compliance with the data protection laws and policies of the country where the device is located and with the authorization of the owner of the corresponding device.

[0134] It should be understood that the "plurality" mentioned in this article refers to two or more. "And / or" describes the association relationship of the associated objects, indicating that there can be three relationships. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the associated objects are in an "or" relationship.

[0135] The serial numbers of the above-mentioned embodiments of the present application are for description only and do not represent the advantages or disadvantages of the embodiments.

[0136] The above are merely exemplary embodiments of the present application and are not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present application shall be included in the protection scope of the present application.

Claims

1. A method for purchasing a combination of commodities, characterized in that: The method comprises: In response to a first operation of the user, a product page sold by a merchant on the Internet platform is loaded, wherein the product page includes a plurality of product display areas, the product display areas are arranged in a preset order, and at least one of the product display areas includes a combined product display area; The combined commodity display area includes at least two sub-areas, wherein all or part of the commodities that can be purchased in combination are displayed in the first sub-area, and a selection control is displayed in the second sub-area to guide the user to select optional commodities; In response to the user's second operation on the selection control, displaying a product combination selection page; In response to the user's confirmation operation on two or more optional commodities in the commodity combination selection page, the commodity combination selection page is closed, and the user is guided to make an online payment.

2. The method according to claim 1, characterized in that: The method further includes: dynamically displaying all or part of the commodities that can be purchased in combination in the first sub-area.

3. The method according to claim 1, characterized in that The method further includes: displaying at least two commodity areas in the commodity combination selection page, each of the commodity areas displaying the selectable commodities of the same category, and at least one commodity area displaying two or more selectable commodities.

4. The method according to claim 2, characterized in that: The dynamically displaying all or part of the commodities that can be purchased in combination in the first sub-area includes: In a partial area of ​​the first sub-area, a static picture of a combination of commodities that can be purchased in combination is displayed; Next to the static picture, a static background template is set, wherein the static background template includes at least two sections; At a preset time, all or part of the pictures of the products that can be purchased in combination are dynamically loaded on each of the sections, so that all or part of the products that can be purchased in combination are displayed in a carousel manner.

5. The method according to claim 4, characterized in that According to the preset time, dynamically loading all or part of the pictures of the products that can be purchased in combination on each of the sections, so as to display all or part of the products that can be purchased in combination in a carousel manner, includes: At a preset time, calling a pre-processed product image corresponding to the product identifier according to the product category and the product identifier; According to the position identifier of each section, the pre-processed product image is loaded as a new layer onto the corresponding section.

6. The method according to claim 5, characterized in that in, The method for preprocessing the product image includes: Based on the image recognition algorithm, identify the product and the background in the product image; Setting the background of the identified product image to be transparent to generate the product image with a transparent background; Based on the size of each of the sections, adjust the size of the product image with a transparent background to fit the size of the section; Generate a new picture identifier for the adjusted product image, and save the adjusted product image and the corresponding picture identifier; The corresponding picture identifier is associated with the product identifier.

7. The method according to any one of claims 1 to 6, characterized in that: The commodities that can be purchased in combination are obtained in the following manner: Display the self-combination product function control on the merchant management page of the Internet platform; In response to the merchant's confirmation of the self-combined commodity function control, display all or part of the merchant's commodities in the commodity list for sale on the Internet platform, in response to the merchant's selection of commodities in the commodity list for sale, generate a self-combined commodity catalog identifier, and upload the merchant's identity identifier, the self-combined commodity catalog identifier, and the selected commodity identifier to the server; A self-combined commodity storage space is created in the server according to the merchant identity identifier and the self-combined commodity catalog identifier, and the commodity identifier is stored in the self-combined commodity storage space.

8. The method according to any one of claims 1 to 6, characterized in that: The method further includes: the commodities that can be purchased in combination are also obtained in the following manner: Display the self-combination product function control on the merchant management page of the Internet platform; In response to the merchant's confirmation of the self-combined product function control, a product text input box for at least two categories of products and an entry for uploading corresponding product pictures are popped up; Based on the textual input information and picture information of all the products by the merchant, a self-assembled product catalog identifier is generated, and the merchant identity identifier, the self-assembled product catalog identifier, and the textual input information and picture information of all the products are uploaded to the server; A self-combined commodity storage space is created in the server according to the merchant identity identifier and the self-combined commodity catalog identifier, and the commodity identifier is stored in the self-combined commodity storage space.

9. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the method according to any one of claims 1 to 8 is implemented.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores at least one program code, and the at least one program code is loaded and executed by a processor so that the computer implements the method according to any one of claims 1 to 8.

Images