Opulent - OS2.0
  • What is Opulent theme?
  • Support Policy
  • Getting Started
    • Install Opulent Theme
  • Add Custom code/CSS correctly
  • Integrate Shopify Review apps
  • Mega Menu
  • Update Opulent theme
  • GLOBAL SECTION
    • Announcement Bar
  • Age verifier pop-up
  • Header
  • Footer
  • Mobile sticky bar
  • Scaling logo
  • THEME SECTIONS
    • Before/ After image slider
  • Blog Posts
  • Countdown timer
  • Custom content
  • THEME SETTINGS
    • General settings
  • Advanced
  • Animations
  • Badges
  • Article Card
  • Cart settings
  • Checkout
  • Color & Color schemes
  • Currency format
  • Drawer & pop-up
  • GDPR settings
  • Integrated apps
  • Integration
  • Product card
  • Product inventory
  • Product options desgin
  • Production option swatches
  • Social sharing
  • Search
  • Section
  • Typography
  • COLLECTIONS & PRODUCTS
    • Product page
      • Custom product templates
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommendations
  • Product description
  • Collection page
    • Collection template
    • Collection sections
  • OTHER PAGES
    • 404 page
    • Blogs
    • Cart & Checkout
    • Password
  • ❓FAQs
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Customize search results
    • Hide sections on mobile/ desktop view
    • Install demos
    • Remove the tax-included information in product page
    • Set up Filters for the collection pages
    • Set up local pickup
    • Why did I check the show account icon option but don’t see it appear?
Powered by GitBook
On this page

Mobile sticky bar

PreviousFooterNextScaling logo

Last updated 1 year ago

"A mobile sticky bar enhances user navigation on smaller screens by providing easy access to key website features.

The mobile navigation bar is a fixed menu positioned at the bottom of the mobile screen, remaining visible as users scroll up or down. It serves a distinct purpose from the sticky header, which is located at the top of the page."

Steps

  1. In the theme editor (Customize), click Mobile sticky bar.

  2. Select Show sticky bar and edit the settings.

  3. Save.

"The settings offer checkboxes to activate the mobile sticky bar and various addons:

  • Show home icon: Provides a shortcut to return to the homepage.

  • Show products listing: Redirects customers to the product listing page.

  • Show cart icon: Allows customers to view items they've added or proceed to checkout.

  • Show search icon: Enables customers to search for products.

  • Show account icon: Displays a login icon for accessing customer accounts.

  • Show wishlist icon: Directs customers to the page where they can view their favorite products."

Customers' account settings must be enabled to show an account icon in the mobile sticky bar