CN104050568B

CN104050568B - A kind of method and system that commodity picture shows

Info

Publication number: CN104050568B
Application number: CN201310076941.9A
Authority: CN
Inventors: 钟顶明; 高洁; 左梓佑; 叶克良
Original assignee: Alibaba Group Holding Ltd
Current assignee: Alibaba Group Holding Ltd
Priority date: 2013-03-11
Filing date: 2013-03-11
Publication date: 2018-07-20
Anticipated expiration: 2033-03-11
Also published as: HK1201366A1; CN104050568A

Abstract

This application provides a kind of method and systems that commodity picture shows, wherein the method includes：Obtain commodity picture；Associated commodity additional information is obtained according to the commodity picture；The commodity additional information is rendered to VectorLayer and is superimposed in the commodity picture and is showed.The application can improve the efficiency of the sales promotion information addition of businessman, save the memory space of server, and promote the experience of buyer.

Description

A kind of method and system that commodity picture shows

Technical field

This application involves the technical fields of data processing, more particularly to a kind of method that commodity picture shows, and, one The system that kind commodity picture shows.

Background technology

With the aggravation of competition among enterprises and increasing for product, the consumers in general on buyer's market require more commodity Height selects leeway bigger, therefore enterprise more payes attention to making consumers in general deepen the understanding to its product using various promotion methods. On e-commerce website, for businessman's angle, if desired businessman holds an advertising campaign, then in commodity picture（Or Advertising pictures）Upper addition sales promotion information be it is most common, most directly, and most effective way.

Currently, businessman first passes through individual picture editor's tool in the sales promotion information on publishing commodity picture（Such as Photoshop etc.）The picture with sales promotion information is editted, the picture is then uploaded in merchandise news editing interface.Work as promotion When activity expires, it is again introduced into the commodity picture that the picture is substituted for no sales promotion information by merchandise news editing interface.It is such Sales promotion information processing procedure can not only spend a large amount of manpower and materials, and the commodity picture of storage tape sales promotion information can consume more More server storages increases server burden, and the in addition continuous upload of commodity picture can also expend more network flows Amount.

In addition, from the perspective of buyer, if it pays close attention to the appearance of commodity, just it is not intended to see too many sales promotion information gear In commodity picture, lead to not well in the appearance of items list page browsing commodity.

Therefore, those skilled in the art's problem in the urgent need to address is：A kind of mechanism that commodity picture shows is provided, is used To improve the efficiency of the sales promotion information addition of businessman, the memory space of server is saved, and promote the experience of buyer.

Invention content

Technical problems to be solved in this application are to provide a kind of method that commodity picture shows, to improve the quotient of businessman Product additional information adds efficiency, saves the memory space of server, and promote the experience of buyer.

Correspondingly, present invention also provides a kind of system that commodity picture shows, to ensure the above method in practice Application.

To solve the above-mentioned problems, this application discloses a kind of methods that commodity picture shows, including：

Obtain commodity picture；

Associated commodity additional information is obtained according to the commodity picture；

The commodity additional information is rendered to VectorLayer and is superimposed in the commodity picture and is showed.

Preferably, the commodity picture and commodity additional information are generated by following steps：

Obtain commodity picture；

Commodity additional information is added for the commodity picture；

The commodity additional information is preserved, the mapping relations of the commodity picture and commodity additional information are generated.

Preferably, the commodity picture includes one or more, and the commodity additional information includes commodity additional information mould Plate, the sub-step that commodity additional information is added for commodity picture further comprise：

Selected one or more commodity picture；

Obtain commodity additional information template；

The commodity additional information template is superimposed upon in one or more commodity picture.

Preferably, described the step of obtaining associated commodity additional information according to commodity picture, includes：

Judge the whether related commodity additional information of the commodity picture；

If so, obtaining the associated commodity additional information；

It is described to judge that the sub-step of the whether related commodity additional information of commodity picture includes：

Judge the mapping relations with the presence or absence of the commodity picture and commodity additional information in database；

If in the presence of the related commodity additional information of the commodity picture is judged as.

Preferably, described that commodity additional information is rendered to VectorLayer and is superimposed on the step showed in the commodity picture Suddenly include：

The commodity additional information is rendered to VectorLayer；

Obtain the resolution ratio of user equipment；

The VectorLayer is adjusted to be adapted to the size of the resolution ratio of the user equipment and is superimposed on the commodity figure On piece shows.

Preferably, the method further includes：

The attribute that shows of the VectorLayer is obtained, the attribute that shows includes display properties or hiding attribute；

If the attribute that shows of the VectorLayer is display properties, the polar plot is showed in the commodity picture Layer；

If the attribute that shows of the VectorLayer is to hide attribute, the VectorLayer is hidden.

Preferably, the acquisition VectorLayer includes the step of showing attribute：

Show attribute according to what the Behavior preference information of user determined the VectorLayer.

Preferably, the Behavior preference information according to user determine the sub-step for showing attribute of the VectorLayer into One step includes：

The consumption history data of user is obtained, the consumption history data includes purchase commodity sum, fisrt feature commodity The ratio that is accounted in buying in commodity sum in the quantity of the ratio and second feature commodity accounted in buying commodity sum of quantity Example, wherein the fisrt feature commodity are the commodity that cargo price is more than the first predetermined threshold value, the second feature commodity are quotient Product unit price is less than the commodity of the second predetermined threshold value；

If the ratio that the quantity of the fisrt feature commodity accounts in buying commodity sum is more than third predetermined threshold value, institute The attribute that shows for stating VectorLayer is to hide attribute；

If the ratio that the quantity of the second feature commodity accounts in buying commodity sum is more than the 4th predetermined threshold value, institute The attribute that shows for stating VectorLayer is display properties.

Obtain the search key of input；

Judge whether described search keyword includes preset display keyword；

If so, the attribute that shows of the VectorLayer is display properties；

If it is not, then the attribute that shows of the VectorLayer is to hide attribute.

Obtain website traffic source；

If the website traffic source is the preset link source comprising display properties, the VectorLayer shows Attribute is display properties；

If the website traffic source is not the preset link source comprising display properties, the exhibition of the VectorLayer Existing attribute is to hide attribute.

The instruction of user's triggering is received, described instruction includes idsplay order or hiding instruction；

If the instruction of user's triggering is idsplay order, the attribute that shows of the VectorLayer is display properties；

If the instruction of user's triggering is to hide instruction, the attribute that shows of the VectorLayer is to hide attribute.

Preferably, the method further includes：

Delete the described and associated commodity additional information of commodity picture.

Disclosed herein as well is a kind of systems that commodity picture shows, including：

Commodity picture obtains module, for obtaining commodity picture；

Commodity additional information acquisition module, for obtaining associated commodity additional information according to the commodity picture；

Display module is opened up for the commodity additional information to be rendered to VectorLayer and is superimposed in the commodity picture It is existing.

Preferably, the system also includes：

Generation module, for before obtaining commodity picture, generating commodity picture and commodity additional information；

The generation module includes：

Commodity picture acquisition submodule, for obtaining commodity picture；

Commodity additional information adds submodule, for adding commodity additional information for the commodity picture；

Submodule is preserved, for preserving the commodity additional information, generates the commodity picture and commodity additional information Mapping relations.

Preferably, the commodity picture includes one or more, and the commodity additional information includes commodity additional information mould Plate, the commodity additional information addition submodule further comprise：

Commodity picture selectes unit, for selecting one or more commodity picture；

Commodity additional information template acquiring unit, for obtaining commodity additional information template；

Template superpositing unit, for the commodity additional information template to be superimposed upon one or more commodity picture On.

Preferably, the commodity accessory information acquisition module includes：

Judging submodule, for judging the whether related commodity additional information of the commodity picture；If so, calling attached Add acquisition of information submodule；

Additional information acquisition submodule, for obtaining the associated commodity additional information；

The judging submodule further comprises：

Mapping relations judging unit whether there is the commodity picture and commodity additional information for judging in database Mapping relations；If in the presence of commodity additional information determination unit is called；

Commodity additional information determination unit, for being judged as the related commodity additional information of the commodity picture.

Preferably, the display module includes：

Submodule is rendered, for the commodity additional information to be rendered to VectorLayer；

Resolution ratio acquisition submodule, the resolution ratio for obtaining user equipment；

It is adapted to submodule, for being adjusted to be adapted to the size of the resolution ratio of the user equipment by the VectorLayer and fold It is added in the commodity picture and shows.

Preferably, the system also includes：

Show attribute acquisition module, the attribute that shows for obtaining the VectorLayer, the attribute that shows includes display Attribute or hiding attribute；

Display module, for the VectorLayer show attribute be display properties when, opened up in the commodity picture The existing VectorLayer；

Hidden module, for when showing attribute to hide attribute, hiding the VectorLayer in the VectorLayer.

Preferably, the attribute acquisition module that shows includes：

Show attribute determination sub-module, shows category for determine the VectorLayer according to the Behavior preference information of user Property.

Preferably, the attribute determination sub-module that shows further comprises：

Consumption history data acquiring unit, the consumption history data for obtaining user, the consumption history data include Buy commodity sum, the number for the ratio and second feature commodity that the quantity of fisrt feature commodity accounts in buying commodity sum The ratio accounted in buying in commodity sum is measured, wherein the fisrt feature commodity, which are cargo price, is more than the first predetermined threshold value Commodity, the second feature commodity are the commodity that cargo price is less than the second predetermined threshold value；

First hiding attribute determining unit is accounted for for the quantity in the fisrt feature commodity in buying commodity sum When ratio is more than third predetermined threshold value, it is judged as that the attribute that shows of the VectorLayer is to hide attribute；

First display properties determination unit is accounted for for the quantity in the second feature commodity in buying commodity sum When ratio is more than four predetermined threshold values, it is judged as that the attribute that shows of the VectorLayer is display properties.

Search key acquiring unit, the search key for obtaining input；

Search key judging unit, for judging whether described search keyword includes preset comprising display properties Keyword；If so, calling the second display properties determination unit；If it is not, then calling the second hiding attribute determining unit；

Second display properties determination unit, for being judged as that the attribute that shows of the VectorLayer is display properties；

Second hiding attribute determining unit, for being judged as that the attribute that shows of the VectorLayer is to hide attribute.

Website traffic acquiring unit, for obtaining website traffic source；

Third display properties determination unit, for being the preset link for including display properties in the website traffic source When source, it is judged as that the attribute that shows of the VectorLayer is display properties；

Third hides attribute determining unit, for not being the preset chain for including display properties in the website traffic source When fetching source, it is judged as that the attribute that shows of the VectorLayer is to hide attribute.

User instruction receiving unit, the instruction for receiving user's triggering, described instruction include idsplay order or hiding finger It enables；

4th display properties determination unit, for when the instruction that the user triggers is idsplay order, being judged as described The attribute that shows of VectorLayer is display properties；

4th display properties determination unit, for when the instruction that the user triggers is to hide instruction, being judged as described The attribute that shows of VectorLayer is to hide attribute.

Preferably, the system also includes：

Removing module, for deleting the described and associated commodity additional information of commodity picture.

Compared with prior art, the embodiment of the present application has the following advantages：

First, the commodity additional information in the application is stored with the code form of vector data, rather than picture, A large amount of memory space on the one hand can be saved for large-sized high definition picture, on the other hand solve the additional letter of commodity The problem of ceasing after the automatic compressed picture of system, showing quality flash.

Second, commodity additional information individually stores in the application（Commodity additional information is detached with commodity picture）, because This commodity picture need to only upload once, you can facilitate addition or editor or delete the commodity additional information in commodity picture, be not necessarily to It repeats to upload commodity picture, promotes page loading velocity, it is attached that commodity are edited in saving network flow and raising in commodity picture Add the efficiency of information.

Third can share the same commodity additional information template when needing to handle a collection of commodity, and without a sheet by a sheet The processing of picture deduplication, improves working efficiency on a large scale, it is possibility to have reduces the redundancy of data in effect ground.

4th, the VectorLayer that commodity additional information is rendered in this application has the attribute that shows or hide, can be with According to the autonomous selection of customer consumption historical data or user, selectively show commodity additional information, allow items list more It is suitble to buyer to facilitate transaction to improve the browse efficiency of buyer, also improves showing for picture " ox-hide moss " to a certain extent As more purifying webpage.

5th, since commodity additional information is to be preserved in the form of code in the database, in the additional letter of displaying commodity It needs to be rendered to VectorLayer when breath, and because the commodity additional information is vector data, is applicable to various differences Equipment and resolution ratio, therefore the size of the VectorLayer can be adjusted according to the resolution ratio of user equipment, to not have to It is processed into different pictures respectively for the equipment of different resolution.

Description of the drawings

Fig. 1 is a kind of step flow chart of the embodiment of the method that commodity picture shows of the application 1；

Fig. 2 is a kind of step flow chart of the embodiment of the method that commodity picture shows of the application 2；

Fig. 3 is a kind of promotional information template of the embodiment of the method that commodity picture shows of the application 2 and reflecting for commodity picture Penetrate relation schematic diagram；

Fig. 4 is a kind of sales promotion information addition principle of the commodity picture of the embodiment of the method that commodity picture shows of the application 2 Figure；

Fig. 5 is a kind of structure diagram for the system embodiment that commodity picture shows of the application.

Specific implementation mode

In order to make the above objects, features, and advantages of the present application more apparent, below in conjunction with the accompanying drawings and it is specific real Applying mode, the present application will be further described in detail.

One of the core concepts of the embodiments of the present application is that being supplied to businessman and buyer a kind of that commodity picture is attached with commodity The technology for being integrally presented to user with an image shows after adding information to synthesize, but storing in data and being detached on editing Solution, businessman can the commodity additional information in add or delete commodity picture, buyer can select to look on line at any time See or hide the commodity additional information in commodity picture.Allow businessman when publishing commodity, it is convenient to addition or editor quotient Product picture（Or advertising pictures）On commodity additional information（Such as：Discount, price etc.）.

Referring to Fig.1, show that a kind of step flow chart of the embodiment of the method that commodity picture shows 1, the method are implemented Example can specifically include following steps：

Step 101：Commodity data is obtained, the commodity data includes commodity picture and commodity additional information；

In the prior art, especially in electric business website, if necessary to add additional information for the picture on website, than Such as the text information of commodity, the sales promotion information of commodity or other description informations, handled using picture under usually needing online Software（Such as photoshop softwares etc.）Handle picture well, then upload on website again, when storage text information or other Description information, together with original image, is stored as the pattern in picture with the format of image data.However this mode not only can Expend excessive memory space, it is also necessary to which businessman handles picture, inefficiency one by one.Therefore, present applicant proposes one The commodity picture ways of presentation that kind detaches commodity picture and commodity additional information, facilitates businessman that can add on line at any time Add, edit or delete the commodity additional information on picture.

Specifically, in a preferred embodiment of the present application, the commodity picture and commodity additional information can lead to Cross following steps generation：

Step S1：Obtain commodity picture；

Specifically, on e-commerce website, if businessman needs to add commodity additional information in commodity picture and show It is shown in commodity picture, then needs to upload commodity picture, the commodity picture may include one or more.

Step S2：Commodity additional information is added for the commodity picture；

Specifically, the commodity additional information is vector data, may include character（It can be schemed by Icon_Font Shape font and other customized fonts carry out pattern style setting）, polar plot, HTML（Hypertext Markup Language, hypertext markup language）、CSS（Cascading Style Sheet, cascading style list）And JS （Javascript is a kind of client-side scripting language based on object and event-driven and with relative safety）Equal webpages journey The figure etc. that sequence language is write.

In a preferred embodiment of the present application, the commodity additional information may include commodity additional information template, The step S2 may include following sub-step：

Sub-step S2-1：Selected one or more commodity picture；

Sub-step S2-2：Obtain commodity additional information template；

In the embodiment of the present application, if a certain commodity additional information is repeated as many times as required in use, can be saved as Commodity additional information template.The commodity additional information template of diversified forms is preserved in the database.

Sub-step S2-3：The commodity additional information template is superimposed upon in one or more commodity picture.

In the concrete realization, when selected commodity picture is multiple, use commodity additional information module can in batches for The selected commodity picture adds commodity additional information, and is handled without a sheet by a sheet picture deduplication, efficiently fast to realize Commodity additional information is added fastly, can also efficiently reduce the redundancy of data.

Step S3：The commodity additional information is preserved, the mapping relations of the commodity picture and commodity additional information are generated.

It in the concrete realization, can also be to content, the style of the commodity additional information when editing commodity additional information Pattern, position etc. are configured, and the effect of the commodity picture after commodity additional information can be added to live preview（Finding is Gained）.After the completion of commodity additional information editor, the commodity additional information is preserved, generates the commodity additional information and quotient The mapping relations of product picture.

As a kind of preferable example of the present embodiment, if the commodity additional information is commodity additional information template, protect When depositing the commodity additional information, generation be commodity additional information template and commodity picture mapping relations.

Applied to the embodiment of the present application, a database can be created, preserves the additional letter of the commodity additional information, commodity Cease template, the mapping relations of commodity picture and commodity additional information, the mapping relations of commodity picture and commodity additional information template, Correspondence between commodity additional information and commodity additional information template.

Step 102：Associated commodity additional information is obtained according to the commodity picture；

In a preferred embodiment of the present application, the step 102 may include following sub-step：

Sub-step 102-1：Judge the whether related commodity additional information of the commodity picture；If so, executing sub-step Rapid 102-2；

In a preferred embodiment of the present application, the sub-step 102-1 may include following sub-step：

Sub-step 102-1-1：Judge the mapping with the presence or absence of the commodity picture and commodity additional information in database Relationship；If in the presence of sub-step 102-1-2 is executed；

Sub-step 102-1-2：It is judged as the related commodity additional information of the commodity picture.

Sub-step 102-2：Obtain the associated commodity additional information.

In the embodiment of the present application, the commodity additional information is retained separately with commodity picture, is preserved in database The mapping relations of only commodity additional information and commodity additional information and commodity picture can when getting commodity picture To go to search commodity additional information corresponding with commodity picture according to this mapping relations.

Flexible addition, editor or the deletion of commodity additional information may be implemented in this mode, in entire commodity issuing process Also it need not repeat to upload big commodity picture, page loading velocity is improved while saving memory space, saves net Network flow, improves efficiency.In addition, due to preserve when do not preserved in the form of picture, with respect to the background art in deposit A large amount of memory space can be not only saved for large-sized high definition picture of storage, it is attached that commodity in background technology can also be solved The problem of adding information after automatic compressed picture, showing quality flash.

Step 103：The commodity additional information is rendered to VectorLayer and is superimposed in the commodity picture and is showed；

In a preferred embodiment of the present application, the step 103 may include following sub-step：

Sub-step 103-1：The commodity additional information is rendered to VectorLayer；

In the concrete realization, described showing since commodity additional information preservation is some codes in the database When commodity additional information, need these codes passing through homepages language HTML, JS, SVG（Scalable Vector Graphics, scalable vector graphics, a kind of graphical format for describing two-dimension vector graphics）, the technologies wash with watercolours such as Icon_Font Visual VectorLayer is dyed, to load the commodity additional information on webpage.

Applied to the embodiment of the present application, the webpage can be the page with commodity picture, such as may include commodity The displaying page of search result, the list page of commodity, commodity details page etc. have the page that commodity picture occurs.

Sub-step 103-2：Obtain the resolution ratio of user equipment；

Sub-step 103-3：The VectorLayer is adjusted to be adapted to size and the superposition of the resolution ratio of the user equipment Show in the commodity picture.

In the concrete realization, it since the VectorLayer is rendered with vector data always, is applicable to A variety of different equipment and resolution ratio can adjust the size of the VectorLayer according to the resolution ratio of user equipment.

Step 104：The attribute that shows of the VectorLayer is obtained, the attribute that shows includes display properties and hiding category Property；

In a preferred embodiment of the present application, the step 104 may include following sub-step：

Step 104-1：Show attribute according to what the Behavior preference information of user determined the VectorLayer.

In the embodiment of the present application, the VectorLayer has the attribute of show or hide, can be according to the network of user Action selection show or hide VectorLayer.Specifically, the Behavior preference of user can be recorded in the cookie information of user, The show or hide attribute of the VectorLayer is determined according to the Behavior preference for recording user in the cookie information of user.

The show or hide attribute of the VectorLayer can also be arranged according to the input of user.

Step 105：If the attribute that shows of the VectorLayer is display properties, show in the commodity picture described VectorLayer；

Step 106：If the attribute that shows of the VectorLayer is to hide attribute, the VectorLayer is hidden.

In the embodiment of the present application, the picture for being added to the commodity picture after commodity additional information can also be exported, It is handled without using photo-editing software.

With reference to Fig. 2, show a kind of step flow chart of the embodiment of the method that commodity data shows 2, in the present embodiment with The case where commodity additional information is sales promotion information is illustrated, wherein the commodity data may include the commodity picture of separation And sales promotion information, the method embodiment can specifically include following steps：

Step 201：Obtain commodity picture；

Specifically, when businessman needs the publishing commodity in electric business website, it is necessary first to upload commodity picture, the quotient Product picture includes one or more.

When uploading commodity picture, the merchandise news of the corresponding commodity of the commodity picture can be edited in edit box, The merchandise news may include the unique mark of commodity, each attribute of title, price, freight charges and commodity（Such as clothes Size, material, style etc.）Deng.

Step 202：Sales promotion information is added for the commodity picture；

On e-commerce website, for businessman's angle, if desired businessman holds an advertising campaign, then in commodity Addition sales promotion information is most common on picture, most directly, and most efficient method.

In the embodiment of the present application, the sales promotion information may include character（Can by Icon_Font graphical character fonts and Other customized fonts carry out pattern style setting）, polar plot, the figure that the web page programs language such as HTML, CSS, JS is write Deng.

In a preferred embodiment of the present application, the sales promotion information may include promotional information template, the step 202 may include following sub-step：

Sub-step S11：Selected one or more commodity picture；

Sub-step S12：Obtain promotional information template；

In the embodiment of the present application, if a certain sales promotion information is repeated as many times as required in use, can be saved as promoting Information model.The promotional information template of diversified forms is preserved in the database.

Sub-step S13：The promotional information template is superimposed upon in one or more commodity picture.

In the concrete realization, when selected commodity picture is multiple, it can be described in batches to use sales promotion information module Selected commodity picture adds sales promotion information, and is handled without a sheet by a sheet picture deduplication, is efficiently and rapidly added to realize Sales promotion information can also efficiently reduce the redundancy of data.If such as businessman needs to edit multiple with a batch of commodity sales promotion When, it is only necessary to a template is edited, other commodity all use this template, so that it may to realize adding for batch merchandise promotion information Add, if the sales promotion information of a certain commodity changes, can also be pressed to the sales promotion information of the commodity association into edlin or adjustment Mapping relations are directly preserved into new sales promotion information, for example " double 11 activities " certain businessman has ten commodity to need to carry out promotion work Dynamic, advertising campaign is all " five foldings ", but wherein has a commodity not only " five foldings " but also " packet postal ", at this moment can first be chosen Then it is that these commodity add " double 11 templates " that ten commodity click " addition picture sales promotion information " button（" five foldings " template）, Because a commodity are " five foldings " and " packet postal ", therefore can open the commodity edit page again, for commodity addition one The sales promotion information of a " packet postal ".

Step 203：The sales promotion information is preserved, the commodity picture and the mapping relations of sales promotion information are generated.

It in the concrete realization, can be with to the content of the sales promotion information, pattern, position etc. when editing sales promotion information It is configured, and the effect of the commodity picture after sales promotion information can be added to live preview（What You See Is What You Get）.Believe in promotion After the completion of breath editor, the sales promotion information is preserved, the mapping relations of the sales promotion information and commodity picture are generated.

As a kind of preferable example of the present embodiment the rush is preserved if the sales promotion information is promotional information template Sell information when, generation be promotional information template and commodity picture mapping relations.

Applied to the embodiment of the present application, a database can be created, preserve the sales promotion information, promotional information template, Mapping relations, sales promotion information and the promotion of the commodity picture and mapping relations of sales promotion information, commodity picture and promotional information template Correspondence between information model.Specifically, with reference to the mapping relations of promotional information template shown in Fig. 3 and commodity picture Schematic diagram, it can be seen that since a commodity can have multiple commodity pictures, different commodity pictures that can have different promotion Information, therefore a commodity can cope with multiple promotional information templates, a promotional information template can also correspond to multiple commodity； One commodity can cope with multiple sales promotion information, and a sales promotion information can also correspond to multiple commodity；One promotional information template Multiple sales promotion information can be corresponded to.

In order to make those skilled in the art more fully understand the application, the application is implemented below by a specific example The principle of addition sales promotion information is illustrated in example：

Schematic diagram is added with reference to the sales promotion information of commodity picture shown in Fig. 4, is included the following steps：

（1）Businessman's selection needs the commodity artwork for adding sales promotion information to be uploaded to sales promotion information editing machine；

（2）Show the commodity artwork in sales promotion information editing machine；

（3）Sales promotion information is added in sales promotion information editing machine（Or selection promotional information template）；

（4）Preserve sales promotion information（Form, content including sales promotion information）.

Step 204：Obtain commodity picture；

Step 205：Associated sales promotion information is obtained according to the commodity picture；

In a preferred embodiment of the present application, the step 205 may include following sub-step：

Sub-step S21：Judge the whether related sales promotion information of the commodity picture；If so, executing sub-step S22；

In a preferred embodiment of the present application, the sub-step S21 may include following sub-step：

Sub-step S211：Judge the mapping relations with the presence or absence of the commodity picture and sales promotion information in database；If In the presence of then executing sub-step S212；

Sub-step S212：It is judged as the related sales promotion information of the commodity picture.

Sub-step S22：Obtain the associated sales promotion information.

In the embodiment of the present application, the sales promotion information is retained separately with commodity picture, preserved in database It is the mapping relations of sales promotion information and sales promotion information and commodity picture, when getting commodity picture, can be reflected according to this The relationship of penetrating goes to search sales promotion information corresponding with commodity picture.

This mode may be implemented the flexible addition of sales promotion information, editor or delete, entire commodity issuing process not yet It needs to repeat to upload big commodity picture, page loading velocity is improved while saving memory space, saves network flow Amount, improves efficiency.In addition, the method that this commodity picture for uploading businessman and sales promotion information are stored separately, can also subtract The case where Shaoshang family robber schemes improves Buyers's Experience to more purify the content of webpage.

Step 206：The sales promotion information is rendered to VectorLayer and is superimposed in the commodity picture and is showed；

In a preferred embodiment of the present application, the step 206 may include following sub-step：

Sub-step S31：Institute's sales promotion information is rendered to VectorLayer；

In the concrete realization, since sales promotion information preservation is some codes in the database, showing the promotion When information, need these codes being rendered to visual arrow by technologies such as homepages language HTML, JS, SVG, Icon_Font Spirogram layer, to which by sales promotion information load, on webpage, the VectorLayer is a figure layer independently of commodity picture, It is covered on commodity picture.

Sub-step S32：Obtain the resolution ratio of user equipment；

Sub-step S33：The VectorLayer is adjusted to be adapted to the size of the resolution ratio of the user equipment and is superimposed on Show in the commodity picture.

In the concrete realization, it since the VectorLayer is rendered with vector data always, is applicable to A variety of different equipment and resolution ratio can adjust the size of the VectorLayer according to the resolution ratio of user equipment, without Handle different pictures respectively with the equipment for different resolution.

Step 207：The attribute that shows of the VectorLayer is obtained, the attribute that shows includes display properties and hiding category Property；

In a preferred embodiment of the present application, the step 207 may include following sub-step：

Step 207-1：Show attribute according to what the Behavior preference information of user determined the VectorLayer.

Applied in the embodiment of the present application, when showing commodity picture, webpage sends the request of a carrying merchandise news To search engine；Described search engine can be clicked with buying behavior according to user to determine whether showing the commodity for user Sales promotion information, user can also independently choose whether to show the sales promotion information in commodity picture.Show promotion letter if necessary Breath, search engine press merchandise news again, go the mapping relations of commodity picture and the sales promotion information described in inquiry database, look for Go out sales promotion information to return again to, if sky can be returned as by not showing；The result that webpage is returned according to search engine judges whether again Show sales promotion information, show if necessary, goes to show sales promotion information with technologies such as HTML, JS, SVG, Icon_Font.

Specifically, in a preferred embodiment of the present application, the sub-step 207-1 may include following sub-step Suddenly：

Sub-step S41：The consumption history data of user is obtained, the consumption history data includes purchase commodity sum, the The quantity for the ratio and second feature commodity that the quantity of one feature commodity accounts in buying commodity sum is in purchase commodity sum In the ratio that accounts for, wherein the fisrt feature commodity are the commodity that cargo price is more than the first predetermined threshold value, the second feature Commodity are the commodity that cargo price is less than the second predetermined threshold value；

It in the concrete realization, can be according to acquisition user（The user can be buyer）Information obtains the consumption of user Historical data, the user information may include the log-on message of logging in system by user, browser cookie information, user equipment Id information etc. inquires the consumption history data for obtaining the user according to the user information in the database.It should be noted that The acquisition methods of above-mentioned consumption history record are only a kind of examples of the embodiment of the present application, and those skilled in the art use its other party The consumption history data that method obtains the user is possible, and this is not restricted for the embodiment of the present application.

Sub-step S42：If it is pre- that the ratio that the quantity of the fisrt feature commodity accounts in buying commodity sum is more than third If threshold value, then the attribute that shows of the VectorLayer is to hide attribute；

Sub-step S43：If it is pre- that the ratio that the quantity of the second feature commodity accounts in consumption history data is more than the 4th If threshold value, then the attribute that shows of the VectorLayer is display properties.

Specifically, the fisrt feature commodity are referred to as high-grade goods, the second feature commodity can also claim It is high-grade quotient when the commodity for getting user's purchase from the consumption history data have certain proportion or more all for low-grade goods Product, the then sales promotion information in default hidden commodity picture；When the commodity for getting user's purchase from the consumption history data More than certain proportion all it is low-grade goods, then acquiescence shows the sales promotion information in the commodity picture.

In fact, the embodiment of the present application classifies user group according to the consumption history data of the user, Ke Yifen For high-end user and economy type user, sales promotion information is then hidden for high-end user, is then showed for economy type user Sales promotion information.It is high-grade quotient when the commodity of user's purchase have certain proportion or more all as a kind of example of the embodiment of the present application Product, this kind of user are properly termed as high-end user, are low-grade goods when the commodity of user's purchase have certain proportion or more all, this kind of User is properly termed as economy type user.It is of course also possible to divide user type, the application using other criterions on demand This is not restricted for embodiment.

It should be noted that the third predetermined threshold value can be identical positive with the 4th predetermined threshold value, it can also For different positives, the application is not necessarily to limit herein.

In another preferred embodiment of the present application, the sub-step 207-1 may include following sub-step：

Sub-step S51：Obtain search key input by user；

Sub-step S52：Judge whether described search keyword includes the preset keyword for including display properties；If so, Then execute sub-step S53；If it is not, then executing sub-step S54；

Sub-step S53：The attribute that shows of the VectorLayer is display properties；

Sub-step S54：The attribute that shows of the VectorLayer is to hide attribute.

Specifically, the preset keyword comprising display properties can be the keyword for including the promotion meaning, such as " promotion ", " discounting " etc., in the consumption history data failure for obtaining the user（There is no related consumer history number in database According to record）, when band includes preset keyword comprising display properties in the keyword of user's search, show rush with regard to giving tacit consent to Sell information；Otherwise, sales promotion information is hidden.

Sub-step S61：Obtain website traffic source；

Sub-step S62：If the website traffic source is the preset link source comprising display properties, the vector The attribute that shows of figure layer is display properties；

Sub-step S63：If the website traffic source is not the preset link source comprising display properties, the arrow The attribute that shows of spirogram layer is to hide attribute.

Specifically, the preset link source comprising display properties can be the link of promotion channel, obtaining When the consumption history data failure of the user equipment（There is no the record of related consumer historical data in database）, when user from As soon as clickthrough comes in promotion channel, acquiescence shows sales promotion information；Otherwise, the sales promotion information is hidden.

Sub-step S71：The instruction of user's triggering is received, described instruction includes idsplay order or hiding instruction；

Sub-step S72：If the instruction of user's triggering is idsplay order, the attribute that shows of the VectorLayer is aobvious Show attribute；

Sub-step S73：If the instruction of user's triggering is to hide instruction, the attribute that shows of the VectorLayer is hidden Hide attribute.

In the embodiment of the present application, it may be businessman that the user, which can be buyer, hide promotion letter when user sends out When the instruction of breath, the VectorLayer is hidden, commodity picture is only showed；When user sends out the instruction of display sales promotion information, exhibition Existing commodity picture and sales promotion information.

Step 208：If the attribute that shows of the VectorLayer is display properties, show in the commodity picture described VectorLayer；

Step 209：If the attribute that shows of the VectorLayer is to hide attribute, the VectorLayer is hidden.

It should be noted that the step 207, step 208, step 209 can execute after step 206, it can also It puts after step 204, is executed before step 205, this is not restricted by the order the application executed.

In the concrete realization, if sales promotion information is carried above some commodity picture, then the commodity will cause buyer More concerns, this just allows businessman to have the possibility of cheating, businessman to want that the commodity of oneself is allowed to be paid close attention to by more people in lists When with clicking, as long as attracting the eyeball of buyer plus eye-catching sales promotion information on picture, but commodity figure The excessive sales promotion information of on piece can paste picture all not seeing the appearance of commodity, influence exterior of commodity, and this imagination can claim For " picture psoriasis " phenomenon, and can to administer " picture psoriasis " in items list to a certain extent existing for the embodiment of the present application As, according to the autonomous selection of customer consumption historical data or usage scenario or user, selectively show or hide sales promotion information, It allows items list to be more suitable for user, to improve the browse efficiency of user, facilitates transaction.

In addition, the embodiment of the present application can also export the commodity picture of addition sales promotion information.Specifically, if businessman is not Have in same website and sell same commodity, or dispensing advertisement is needed in otherwise, sales promotion information management mould may be used An export function in block, derived is the picture format for synthesizing the high definition commodity picture after sales promotion information, without using Photo-editing software is handled.

After advertising campaign, businessman can also delete the sales promotion information added in the commodity picture.Specifically, As the above analysis between sales promotion information and commodity picture be an incidence relation, delete sales promotion information be exactly cancel it is this Incidence relation.Its operating process can be the selection institute commodity in need for cancelling sales promotion information, execute " cancellation sales promotion information " and refer to It enables, or there are one the instructions of " cancelling all sales promotion information " to cancel sales promotion information in batches.Entire promotion can be allowed to believe in this way The publication of breath and cancellation process become quickness and high efficiency.

It should be noted that for embodiment of the method, for simple description, therefore it is all expressed as a series of action group It closes, but those skilled in the art should understand that, the application is not limited by the described action sequence, because according to this Shen Please, certain steps can be performed in other orders or simultaneously.Next, those skilled in the art should also know that, specification Described in embodiment belong to preferred embodiment, necessary to involved action not necessarily the application.

With reference to Fig. 5, show that a kind of structure diagram for the system embodiment that commodity picture shows, the commodity data include The commodity picture and commodity additional information of separation, the system embodiment can specifically include with lower module：

Generation module 301, for generating commodity picture and commodity additional information；

In a preferred embodiment of the present application, the generation module 301 may include following submodule：

Commodity picture acquisition submodule, for obtaining commodity picture；

In a preferred embodiment of the present application, the commodity picture includes one or more, the additional letter of the commodity Breath may include commodity additional information template, and the commodity additional information addition submodule can further include：

Commodity picture selectes unit, for selecting one or more commodity picture；

Commodity additional information masterplate acquiring unit, for obtaining commodity additional information template；

Masterplate superpositing unit, for the commodity additional information template to be superimposed upon one or more commodity picture On.

Commodity picture obtains module 302, for obtaining commodity picture；

Commodity additional information acquisition module 303, for obtaining associated commodity additional information according to the commodity picture；

In a preferred embodiment of the present application, the commodity additional information acquisition module 303 may include following son Module：

In a preferred embodiment of the present application, the judging submodule can further include such as lower unit：

Additional information acquisition submodule, for obtaining the associated commodity additional information.

Display module 304, for the commodity additional information to be rendered to VectorLayer and is superimposed on the commodity picture On show；

In a preferred embodiment of the present application, the display module 304 may include following submodule：

Show attribute acquisition module 305, the attribute that shows for obtaining the VectorLayer, the attribute that shows includes aobvious Show attribute and hiding attribute；

In a preferred embodiment of the present application, the attribute acquisition module 305 that shows may include following submodule：

In a preferred embodiment of the present application, the attribute determination sub-module that shows may include such as lower unit：

First display properties determination unit is accounted for for the quantity in the second feature commodity in buying commodity sum When ratio is more than four predetermined threshold values, then the attribute that shows of the VectorLayer is display properties.

In another preferred embodiment of the present application, the attribute determination sub-module that shows may include such as lower unit：

Search key acquiring unit, the search key for obtaining input；

In another preferred embodiment of the present application, it is described show attribute determination sub-module can further include it is as follows Unit：

Website traffic acquiring unit, for obtaining website traffic source；

Display module 306, for the VectorLayer show attribute be display properties when, in the commodity picture Show the VectorLayer；

Hidden module 307, for when showing attribute to hide attribute, hiding the polar plot in the VectorLayer Layer.

Preferably, the system can also include：

Since the system embodiment of described Fig. 5 essentially corresponds to preceding method embodiment, therefore in the description of the present embodiment not Detailed place may refer to the related description in preceding method embodiment, just not repeat herein.

It should be understood by those skilled in the art that, embodiments herein can be provided as method, system or computer program Product.Therefore, complete hardware embodiment, complete software embodiment or reality combining software and hardware aspects can be used in the application Apply the form of example.Moreover, the application can be used in one or more wherein include computer usable program code computer Usable storage medium（Including but not limited to magnetic disk storage, CD-ROM, optical memory etc.）The computer program of upper implementation produces The form of product.

The application is with reference to method, the equipment according to the embodiment of the present application（System）And the flow of computer program product Figure and/or block diagram describe.It should be understood that can be realized by computer program instructions every first-class in flowchart and/or the block diagram The combination of flow and/or box in journey and/or box and flowchart and/or the block diagram.These computer programs can be provided Instruct the processor of all-purpose computer, special purpose computer, Embedded Processor or other programmable data processing devices to produce A raw machine so that the instruction executed by computer or the processor of other programmable data processing devices is generated for real The device for the function of being specified in present one flow of flow chart or one box of multiple flows and/or block diagram or multiple boxes.

These computer program instructions, which may also be stored in, can guide computer or other programmable data processing devices with spy Determine in the computer-readable memory that mode works so that instruction generation stored in the computer readable memory includes referring to Enable the manufacture of device, the command device realize in one flow of flow chart or multiple flows and/or one box of block diagram or The function of being specified in multiple boxes.

These computer program instructions also can be loaded onto a computer or other programmable data processing device so that count Series of operation steps are executed on calculation machine or other programmable devices to generate computer implemented processing, in computer or The instruction executed on other programmable devices is provided for realizing in one flow of flow chart or multiple flows and/or block diagram one The step of function of being specified in a box or multiple boxes.

Although the preferred embodiment of the application has been described, created once a person skilled in the art knows basic Property concept, then additional changes and modifications can be made to these embodiments.So it includes excellent that the following claims are intended to be interpreted as It selects embodiment and falls into all change and modification of the application range.

Finally, it is to be noted that, herein, the terms "include", "comprise" or its any other variant are intended to Cover non-exclusive inclusion, so that the process, method, article or equipment including a series of elements includes not only those Element, but also include other elements that are not explicitly listed, or further include for this process, method, article or setting Standby intrinsic element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that There is also other identical elements in the process, method, article or apparatus that includes the element.

The method that a kind of commodity picture provided herein is showed above, and, what a kind of commodity picture showed is System is described in detail, and specific examples are used herein to illustrate the principle and implementation manner of the present application, above The explanation of embodiment is merely used to help understand the present processes and its core concept；Meanwhile for the general skill of this field Art personnel, according to the thought of the application, there will be changes in the specific implementation manner and application range, in conclusion this Description should not be construed as the limitation to the application.

Claims

1. a kind of method that commodity picture shows, which is characterized in that including：

Obtain commodity picture；

Associated commodity additional information is obtained according to the commodity picture；Wherein, the commodity additional information is vector data；

The commodity additional information is rendered to VectorLayer and is superimposed in the commodity picture and is showed；Wherein, the vector Figure layer is rendered to obtain by the commodity additional information, and the commodity additional information is information of the load on webpage, the webpage For the page with commodity picture；

Wherein, the method further includes：

If the attribute that shows of the VectorLayer is display properties, the VectorLayer is showed in the commodity picture；

2. according to the method described in claim 1, it is characterized in that, the commodity picture and commodity additional information pass through following step It is rapid to generate：

Obtain commodity picture；

Commodity additional information is added for the commodity picture；

3. according to the method described in claim 2, it is characterized in that, the commodity picture include one or more, the commodity Additional information includes commodity additional information template, and the sub-step that commodity additional information is added for the commodity picture is further Including：

Selected one or more commodity picture；

Obtain commodity additional information template；

4. method according to claim 1 or 2 or 3, which is characterized in that described to obtain associated commodity according to commodity picture The step of additional information includes：

If so, obtaining the associated commodity additional information；

5. according to the method described in claim 1, it is characterized in that, described be rendered to VectorLayer by the commodity additional information And it is superimposed on the step of showing in the commodity picture and includes：

Obtain the resolution ratio of user equipment；

The VectorLayer is adjusted to be adapted to the size of the resolution ratio of the user equipment and is superimposed in the commodity picture Show.

6. according to the method described in claim 1, it is characterized in that, described obtain being wrapped the step of showing attribute for VectorLayer It includes：

7. according to the method described in claim 6, it is characterized in that, described determine the arrow according to the Behavior preference information of user The sub-step for showing attribute of spirogram layer further comprises：

The consumption history data of user is obtained, the consumption history data includes the number for buying commodity sum, fisrt feature commodity The ratio that amount is accounted in the quantity of the ratio and second feature commodity accounted in buying commodity sum in buying commodity sum, Described in fisrt feature commodity be cargo price be more than the first predetermined threshold value commodity, the second feature commodity be cargo price Less than the commodity of the second predetermined threshold value；

If the ratio that the quantity of the fisrt feature commodity accounts in buying commodity sum is more than third predetermined threshold value, the arrow The attribute that shows of spirogram layer is to hide attribute；

If the ratio that the quantity of the second feature commodity accounts in buying commodity sum is more than the 4th predetermined threshold value, the arrow The attribute that shows of spirogram layer is display properties.

8. according to the method described in claim 6, it is characterized in that, described determine the arrow according to the Behavior preference information of user The sub-step for showing attribute of spirogram layer further comprises：

Obtain the search key of input；

Judge whether described search keyword includes preset display keyword；

If so, the attribute that shows of the VectorLayer is display properties；

9. according to the method described in claim 6, it is characterized in that, described determine the arrow according to the Behavior preference information of user The sub-step for showing attribute of spirogram layer further comprises：

Obtain website traffic source；

If the website traffic source is the preset link source comprising display properties, the VectorLayer shows attribute For display properties；

If the website traffic source is not the preset link source comprising display properties, the VectorLayer shows category Property for hide attribute.

10. according to the method described in claim 6, it is characterized in that, described according to described in the determination of the Behavior preference information of user The sub-step for showing attribute of VectorLayer further comprises：

11. according to the method described in claim 1,2,3,5,6,7,8,9 or 10, which is characterized in that further include：

It deletes and the associated commodity additional information of commodity picture.

12. a kind of system that commodity picture shows, which is characterized in that including：

Commodity picture obtains module, for obtaining commodity picture；

Commodity additional information acquisition module, for obtaining associated commodity additional information according to the commodity picture；Wherein, described Commodity additional information is vector data；

Display module shows for the commodity additional information to be rendered to VectorLayer and is superimposed in the commodity picture； Wherein, the VectorLayer is rendered to obtain by the commodity additional information, and the commodity additional information is load on webpage Information, the webpage are the page with commodity picture；

Wherein, the system also includes：

Show attribute acquisition module, the attribute that shows for obtaining the VectorLayer, the attribute that shows includes display properties Or hiding attribute；

Display module, for the VectorLayer show attribute be display properties when, institute is showed in the commodity picture State VectorLayer；

13. system according to claim 12, which is characterized in that further include：

The generation module includes：

Commodity picture acquisition submodule, for obtaining commodity picture；

It preserves submodule and generates the mapping of the commodity picture and commodity additional information for preserving the commodity additional information Relationship.

14. system according to claim 13, which is characterized in that the commodity picture includes one or more, the quotient Product additional information includes commodity additional information template, and the commodity additional information addition submodule further comprises：

Commodity picture selectes unit, for selecting one or more commodity picture；

Template superpositing unit, for the commodity additional information template to be superimposed upon one or more commodity picture.

15. according to the system described in claim 12 or 13 or 14, which is characterized in that the commodity accessory information acquisition module packet It includes：

Judging submodule, for judging the whether related commodity additional information of the commodity picture；If so, calling additional letter Cease acquisition submodule；

The judging submodule further comprises：

Mapping relations judging unit, for judging reflecting with the presence or absence of the commodity picture and commodity additional information in database Penetrate relationship；If in the presence of commodity additional information determination unit is called；

16. system according to claim 12, which is characterized in that the display module includes：

It is adapted to submodule, for being adjusted to be adapted to the size of the resolution ratio of the user equipment by the VectorLayer and be superimposed on Show in the commodity picture.

17. system according to claim 12, which is characterized in that the attribute acquisition module that shows includes：

Show attribute determination sub-module, shows attribute for determine the VectorLayer according to the Behavior preference information of user.

18. system according to claim 17, which is characterized in that the attribute determination sub-module that shows further comprises：

Consumption history data acquiring unit, the consumption history data for obtaining user, the consumption history data include purchase Commodity sum, the quantity of ratio and second feature commodity that the quantity of fisrt feature commodity accounts in buying commodity sum exist The ratio accounted in purchase commodity sum, wherein the fisrt feature commodity are the quotient that cargo price is more than the first predetermined threshold value Product, the second feature commodity are the commodity that cargo price is less than the second predetermined threshold value；

First hiding attribute determining unit, the ratio accounted in buying commodity sum for the quantity in the fisrt feature commodity When more than third predetermined threshold value, it is judged as that the attribute that shows of the VectorLayer is to hide attribute；

First display properties determination unit, the ratio accounted in buying commodity sum for the quantity in the second feature commodity When more than four predetermined threshold values, it is judged as that the attribute that shows of the VectorLayer is display properties.

19. system according to claim 17, which is characterized in that the attribute determination sub-module that shows further comprises：

Search key acquiring unit, the search key for obtaining input；

Search key judging unit, for judging whether described search keyword includes the preset key for including display properties Word；If so, calling the second display properties determination unit；If it is not, then calling the second hiding attribute determining unit；

20. system according to claim 17, which is characterized in that the attribute determination sub-module that shows further comprises：

Website traffic acquiring unit, for obtaining website traffic source；

Third display properties determination unit, for being the preset link source comprising display properties in the website traffic source When, it is judged as that the attribute that shows of the VectorLayer is display properties；

Third hides attribute determining unit, for not being that the preset chain comprising display properties fetches in the website traffic source When source, it is judged as that the attribute that shows of the VectorLayer is to hide attribute.

21. system according to claim 17, which is characterized in that the attribute determination sub-module that shows further comprises：

User instruction receiving unit, the instruction for receiving user's triggering, described instruction include idsplay order or hiding instruction；

4th display properties determination unit, for when the instruction that the user triggers is idsplay order, being judged as the vector The attribute that shows of figure layer is display properties；

4th display properties determination unit, for when the instruction that the user triggers is to hide instruction, being judged as the vector The attribute that shows of figure layer is to hide attribute.

22. according to the system described in claim 12,13,14,16,17,18,19,20 or 21, which is characterized in that further include：

Removing module, for deleting and the associated commodity additional information of commodity picture.