Pagination ?

Pagination Setting in AppSections Brand Style

The "Pagination" setting in the AppSections Brand Style allows you to control the visibility of pagination indicators on sliders. This setting is customizable separately for both desktop and mobile views, ensuring that pagination elements are displayed appropriately across different devices.

Pagination Options

  • Purpose: This setting enables the display of pagination indicators on sliders, helping users navigate through the slides by showing their current position within the sequence. The availability of this option for both desktop and mobile devices ensures that pagination is tailored to the specific needs of each device type.

  • Usage: When enabled, pagination indicators will be visible, providing users with a clear visual cue of their progress through the slider.

Options:

  1. Desktop Pagination:

    • Description: When the Pagination setting is checked for desktop, pagination indicators (such as bullets, progress bars, or fractions) will appear on sliders when viewed on a desktop. This allows users to easily see and navigate through the different slides, enhancing the overall usability on larger screens.

  2. Mobile Pagination:

    • Description: When the Pagination setting is checked for mobile, the same pagination indicators will be displayed on sliders when viewed on mobile devices. Given the different user interaction patterns on mobile, this setting ensures that pagination remains accessible and functional, even on smaller screens.

Steps to Adjust the Pagination Setting

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings.

  2. Enable Pagination for Desktop:

    • Locate the "Pagination" option under the desktop section of the Brand Style settings.

    • Check the box to enable pagination indicators for sliders when viewed on a desktop.

  3. Enable Pagination for Mobile:

    • Locate the "Pagination" option under the mobile section of the Brand Style settings.

    • Check the box to enable pagination indicators for sliders when viewed on mobile devices.

  4. Preview Changes:

    • After enabling pagination, preview your store on both desktop and mobile devices to observe how the pagination elements appear and function.

    • Ensure that the pagination indicators are visible, functional, and enhance the user experience on both device types.

Ensuring the Right Pagination Experience

  1. Preview Changes:

    • After adjusting the pagination settings, preview your store on both desktop and mobile devices to see how the pagination indicators are displayed and function across different sliders.

  2. Check Consistency:

    • Ensure that the pagination indicators are consistent with your brand’s design and do not clutter or interfere with the content on the page.

  3. Test Across Devices:

    • Verify that the pagination indicators are responsive and functional on all screen sizes, ensuring a smooth and intuitive navigation experience on both desktop and mobile platforms.

Summary

By using the "Pagination" setting in the AppSections Brand Style, you can control the visibility of pagination indicators on sliders for both desktop and mobile devices. This feature allows you to enhance user navigation and improve the browsing experience, ensuring that sliders are easily navigable and visually informative across all devices.

If you have any questions or need further assistance, please contact our customer support team.

Last updated