WordPress.org

Forums

Horizontal/vertical sliding navigation (3 posts)

  1. hrrubin
    Member
    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
    Member
    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
    Forum 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.

    http://api.jquery.com/jquery.ajax/

    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