DEV Community

a.infosecflavour
a.infosecflavour

Posted on

Foodz

This is a submission for the Wix Studio Challenge .

What I Built

Are you hungry? Up to try something new? Luxembourgish and Danish dishes have your back...I mean stomach! Now, a round of applause for Foodz!

Demo

Inside Foodz: https://gowonder1.wixstudio.io/foodz

Fine, I'll be a spoiler.

home

delivery

Development Journey

I used the onClick Javascript function to redirect to Online Order page (seen as "Delivery"). :

import wixLocation from 'wix-location'; 
import wixWindow from 'wix-window';



$w.onReady(function () {
    $w("#box4").onClick(() => {
        wixLocation.to("/online-ordering"); 
    });
}); 
Enter fullscreen mode Exit fullscreen mode

The almost same effect can be achieved by creating a link without using any code. This is how I implemented the redirect to Surprise box page. I mentioned almost, because if one does not use the JavaScript code above, the text (i.e Surprise box) is not clickable. Only the box itself is linked to the redirect page.

Wix eCommerce API and Wix Stores are at the center of the website. Wix Restaurant Orders and Wix Stores are the applications used from App Market.

I invite you to have a taste from these delicious cuisines. 🍽️

Top comments (0)