Untitled
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Split slideshow
    • ✨Slideshow
    • ✨Rich text
    • ✨Featured collection
    • ✨Marquee text
    • ✨Featured content columns
    • ✨Multi image with text
    • ✨Before/after image
    • ✨Featured products
    • ✨Images carousel
    • ✨Shop the look
    • ✨Featured product
    • ✨Featured blog
    • ✨Collection carousel
    • ✨Collections list
    • ✨Logo bar
    • ✨Testimonials
    • ✨Revealed video on scroll
    • ✨Newsletter
    • ✨Collage with text
    • ✨Collapsible content
    • ✨Countdown
    • ✨Text with Icons
    • ✨Video banner
    • ✨Map
    • ✨Images grid
    • ✨Custom liquid
    • ✨Timeline
    • ✨Collections tab
    • ✨Event calendar
    • ✨Featured media grid
    • ✨Store locator
    • ✨Shapes
    • ✨Recently viewed products
    • ✨Media grid
    • ✨Media with text
    • ✨Featured collections list
    • ✨Social media gallery
    • ✨Inline menus
    • ✨Best selling categories
    • ✨Overlapping product list
    • ✨Mobile dock
    • ✨Footer
    • ✨Theme settings
    • ✨Template product
    • ✨Related products
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
  • FAQ
    • Theme updates
    • How to setup the presets
      • Set up the demo layouts
    • Dark- Home page JSON
    • Dark- Product page JSON
    • Bold- Home page JSON
    • Bold- Product page JSON
    • Power- Home page JSON
    • Power- Product page JSON
    • Crystal- Home page JSON
    • Crystal- Product page JSON
    • Hunger- Home page JSON
    • Hunger- Product page JSON
    • Support
Powered by GitBook
On this page
  • Configure the mobile dock
  • Block settings for Menu, Search, Home, Account & Cart
  1. Overview

Mobile dock

This section is specifically designed for mobile devices, and it serves as a navigation area that prominently displays the main links for enhanced usability.

Configure the mobile dock

Go to Customize theme. Click the dropdown menu at the top and select the Home page template.

From the left side menu, select the mobile dock.

Customize this section by using the setting on the right side of the theme editor, as described in the following table:

Enable dock

Add heading text.

Color scheme

Select the color scheme from the given options;

-Primary

-Secondary

-Tertiary

-Quaternary

Note: These can be managed from Theme settings> color schemes.

Enable gradient

Select this checkbox to show the gradient in the background color. This can be selected from theme settings>color schemes.

Block settings for Menu, Search, Home, Account & Cart

Menu: This icon redirects to the mobile header drawer. Search: This icon redirects to the search drawer. Home: This icon redirects to the home page. Account: This icon redirects to the account page. Cart: This icon redirects to the cart drawer.

Custom SVG icon

Enter svg icon code here.

Title

Enter any title to display in the mobile dock.

Link block: This is to add a customized link and its icon.

Menu

Custom SVG icon

Enter svg icon code here.

Title

Enter any title to display in the mobile dock.

Link

Enter the link to redirect the icon.

PreviousOverlapping product listNextFooter

Last updated 1 year ago

✨