Different navigation? Swiping through pages?

  • I’m helping my client develop the site linked here. I wasn’t here from the beginning and now it’s kind of a mess. She’s using the ComicPress Theme with Elementor builder, and inserting the comics using Comic Easel.

    My question is, is it possible to use or create a different / better / more modern navigation technique? The “Next”, “Last”, etc. navigation bar looks like something from the 1990’s. Now we have touchscreens, swiping, responsive designs, and a whole bunch of improved, modern user interfaces.

    Is there a way to enable or create “swiping” pages through the comics or at least making the forward and backwards button show up overlayed on the comic as opposed to below? Or is she just stuck with this as long as she’s using ComicPress / Comic Easel?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Frumph

    (@frumph)

    yes, you can create your own nav, use the post type ‘comic’ with the taxonomy ‘chapters’ when doing your loop for prev and next (and first and last)

    
<?php
        $args = array( 
            'post_type' => 'comic', 
            'orderby' => 'id',
            'chapters' => $chapter_slug,
            'order' => 'ASC' 
        );

$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post();

// do stuff here.

endwhile; else: ?> <p>Sorry, there are no posts to display</p> <?php endif;
wp_reset_query(); 
?>

    your $args can be used however youwant, then the ‘do stuffhere’ is inside the loop

    the navigation code I use:

    https://github.com/Frumph/comic-easel/blob/master/functions/navigation.php

    Plugin Author Frumph

    (@frumph)

    yes you can create a swipe for mobile, can link it directly to this function:

    
function ceo_get_adjacent_comic($previous = true, $in_same_chapter = false, $taxonomy = 'comic')

    to go prev and next $previous = false -> is next comic

    Plugin Author Frumph

    (@frumph)

    also you can embed comic easel’s do_action(‘comic-area’); into any responsive theme you want, alternatively zappbar plugin makes comicpress responsive

    https://github.com/kmhcreative/zappbar

    Thread Starter sandeld

    (@sandeld)

    This is all very fantastic!

    I’m going to work on the site today or tomorrow and will check back in if I have any problems.

    Thread Starter sandeld

    (@sandeld)

    I’m still a little confused on making the swipeable pages. you said:

    yes you can create a swipe for mobile, can link it directly to this function:
    function ceo_get_adjacent_comic($previous = true, $in_same_chapter = false, $taxonomy = 'comic')
    to go prev and next $previous = false -> is next comic

    But I’m not sure where to insert that code snippet.

    On the mobile front, Zappbar looks and works amazingly well! Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Different navigation? Swiping through pages?’ is closed to new replies.