Weekly view relations

Ask the community
,
1

This might be a very awkward request.
I basically have a page with a weekly view of an exercise routine of a certain client. (For example: Monday is cardio, Friday is weights, etc.).
I have 3 main categories: CARDIO, WEIGHTS and STRETCH, all of them organised in 3 different Collections.

There are 2 different things I would like to do in this page that involve coding, and I am not sure how to write this.

A) Any chance I can have the weekday correspondent to the actual weekday in a different colour? For example, if the client goes to check his weekly view on a Tuesday, the Tuesday box will be darker than the other boxes. Not sure if this is possible (?)

B) When the client clicks in the workout type described in the box, it takes the client to the page related to that category. For example: an onClick action that leads the client to the CARDIO page if the box has “cardio” written on it.

Below you’ve got a print screen so you can get the idea of how the page and boxes work:

970×694 28.3 KB

I find it hard coding and I am not sure how to put all of this is writing, so if you can help I would really appreciate!

2

Hi Daniela,

For the first point, can you specify more about what do you exactly want to do ? you want the color of the box (day) change when the mouse over it ?

for the point B, 2 steps to do that :

  1. import wixLocation from ‘wix-location’;
  2. add onClick function to the button ( ex. Cardio ), then inside that function you can redirect the user to the Cardio page with this :
    wixLocation.to(“/cardio-page”);

Hope this helps you.

Best,

Mustafa