Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 30, 2017 at 8:38 pm #785396
    FlatText

    Hi guys,

    I want to create a menu where the user cannot see the next part unless they are linked to it directly.

    I’m trying to use the css :visited selector on a menu link. If it’s not visited I’ve made it hidden so that the user cannot skip sections.

    You can see in the custom css I’ve tried but it’s always hidden. Even after adding !important tags. How can I get this work?

    Thank you

    May 1, 2017 at 4:53 am #785463
    Nikko

    Hey FlatText,

    I don’t think :visited would work, since that will only work if the link is visited (clicked), I think you will probably do lots of manual coding which would involve using a web inspector or firebug, and use combination of body class and menu link id for it for example on page 2 (private content), you would use this css code:

    .page-id-1688.paged-2 #menu-aml #menu-item-1654 {
    display: block;
}

    And on page 3, you need to add this code:

    .page-id-1688.paged-3 #menu-aml #menu-item-1654, 
.page-id-1688.paged-3 #menu-aml #menu-item-1655 {
    display: block;
}

    And so on, which is a long list of code
    Best regards,
    Nikko

    May 1, 2017 at 1:04 pm #785686
    FlatText

    Hi Nikko,

    Thanks for your guide. I can see what you mean about the long list of CSS. Problem is I don’t want it to always be hidden. Once the user has finished all the sections, I want to keep all the menu visible.

    But I guess I can only do one thing, albeit a bit tedious.

    1) I will have to create several menus. Every page has a different menu, and with every new section, a new menu will come up with the previous sections.

    2) until when they finish the module, then they will be directed to the page where the menu with all the sections are there.

    May 1, 2017 at 3:19 pm #785780
    FlatText

    Hi Nikko,

    I realise this can be a bit of a job and I’m going to pay a developer to do this. Does your team provide such services?

    I need a wordpress/PHP/JS developer to customize menus in WordPress according to viewed status

    I’m looking for an experienced PHP/Wordpress/Javascript(?) developer to achieve one objective in a WordPress project.

    I have one menu in WordPress with 14 different items. I want these items to show up only after the registered user has gone through the previous sections. Once the user has viewed all the sections, they can go back to any menu item. The menu item that has been viewed will be identified with a green check mark or something similar.

    Hopefully after one menu is done, I can see your code and apply it to others in the future

    May 1, 2017 at 5:27 pm #785867
    Nikko

    Hi,

    Yes, it’s actually a bit complicated and would require a lot of time. I would suggest you try our partner Codeable, you can contact them here: http://kriesi.at/contact/customization

    Best regards,
    Nikko

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.