Help to make linkeable a search result

Ask the community
, ,
1

Hello, knowing that Wix Store hasn’t a search field by default, I followed an example to make that whit Corvid (https://www.wix.com/corvid/example/search). the result is great but I didn’t get to make linkeable the result in order to jump to the product page. I attach that I did:

  • First Image shows the backend, the elements and the code that I used. An Input text (“buscador”), a table element (“resultadosBuscador”), a button (“btn_Buscador”) and a data collection (“Stores/Products”).

  • Second image shows the result in the front end. The idea is that the book name or bokk image could be linkeable to product page to be really usefull.

  • Third image show the database and the “Slug” field that contain the specific product page url.
    I tried “linkPath” but it doesn’ work.
    I’ll thanks any suggestion.

IMAGE 1

1067×1080 148 KB

IMAGE 2

1050×1080 120 KB

IMAGE 3

1058×1080 175 KB

2

linkPath makes a specific cell content linked.
But if you want the entire row to be linked, see here:
https://www.wix.com/corvid/forum/main/comment/5d25ac3e3b52c10017d5a66b

3

Hey,

I just did something like that for my site as well - here is what you need to do, each of your products probably has a dynamic page, which is linked to the database. If you go to the settings for that dynamic page, you will see the following on the “Page Info” tab - Whats’ the Page URL?" and then you can add fields from your collection to that URL so that each product has a unique URL. Once that is done, you will have an additional locked column created automatically in your database that will be YourDatabaseName(YourFields) if you click on the header of that new column and select “View Properties” you will see a “field key” copy it and use it in the linkpath statement such as this example (using my names):

$w("#resultsTable1").columns = [{
 "id": "col1",
 "dataPath": "image",
 "label": "image",
 "width": 128,
 "type": "image",
 "linkPath": "link-image-db-category-subcategory-classification-number"
            },
{
 "id": "col2",
 "dataPath": "title",
 "label": "title",
 "width": 150,
 "visible": true,
 "type": "string",
 "linkPath": "link-image-db-category-subcategory-classification-number"
            },
            {
 "id": "col3",
 "dataPath": "description",
 "label": "description",
 "width": 500,
 "visible": true,
 "type": "string",
 "linkPath": "link-image-db-category-subcategory-classification-number"
            },

This way the results should be clickable

Hope it helps