• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Different Pagination for smartphone & desktop

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › StudioPress Themes › Genesis Sample › Different Pagination for smartphone & desktop

This topic is: not resolved

Tagged: genesis, pagination, theme

  • This topic has 2 replies, 2 voices, and was last updated 4 days, 19 hours ago by edwardclark.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 8, 2022 at 12:31 pm #505652
    theabhishek
    Participant

    Hi,

    Can anyone help me, how to implement different Pagination for smartphone & desktop on genesis theme?

    I don't want to implement using wp_is_mobile. Using this implementation we have to set different cache system for mobile and pc.

    Thanks & Regards
    Abhishek

    November 1, 2022 at 12:43 pm #506097
    edwardclark
    Participant

    If you know about that also share with me.

    May 25, 2023 at 4:36 pm #507457
    edwardclark
    Participant

    Certainly! Implementing different pagination for smartphone and desktop on the Genesis theme can be achieved through custom coding. Here's a step-by-step guide to help you:

    Identify the Genesis theme files: Locate the theme files responsible for rendering the pagination. Typically, these files are archive.php, index.php, or loop.php. You may also need to consider template files specific to your website's structure.

    Determine the device type: Utilize PHP functions or techniques to detect the user's device type. You can use the wp_is_mobile() function in WordPress to check if the user is accessing the website from a mobile device.

    Customize the pagination logic: Inside the theme file responsible for pagination, wrap the existing pagination code with an if-else statement based on the device type. For desktop users, keep the existing pagination logic intact. For mobile users, implement the desired pagination style, such as older/newer links.

    Modify the pagination markup: If required, modify the HTML markup of the pagination to match the desired style for desktop and mobile devices. You may need to add classes or IDs to elements for better styling control.

    Test and refine: Thoroughly test the implementation on different devices and screen sizes to ensure the pagination behaves as intended. Make any necessary adjustments or refinements to achieve the desired presentation and functionality.

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

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble