Horizontal/vertical sliding navigation (3 posts)

  1. hrrubin
    Posted 1 year ago #

    I'm planning on making an e-commerce site with navigation similar to this site: http://www.m.dk.

    (It's both horizontal and vertical pages).

    But I have no idea how to start creating the navigation or which scripts to look for that comes close.

    Can you point me in the right direction? Preferable with .js snippets :)

    Thanks in advance!

  2. arvindhsundar
    Posted 1 year ago #

    My hypothesis is that they are using a single page with a slider in it - giving you horizontal navigation.

    Each slide of the slider will have its own content. The content height can vary - giving you vertical navigation.

    Hope this helps.

  3. Andrew
    Bawk bawk moderator
    Posted 1 year ago #

    It looks like they're using Angular and in Angular you don't actually handle new page requests, making this sort of JavaScript-driven site much easier.

    In WordPress to do the same you'd have to create a carousel, easy enough by using a plugin, then load the content of each slide in dynamically. On each click of the Next/ Previous button the appropriate page/post's content is loaded.
    Just as you'd get the data of a page/ post using get_post you can convert that data into JSON using PHP's json encode function and that will be very ideal for your AJAX call.


    I'm unsure how you'd access your functions through URIs though.

Topic Closed

This topic has been closed to new replies.

About this Topic