Website Setup

Appearance

1. Go to Website Setup->Appearance from the sidebar.

Appearance will help to decorate your site as per your choice. You can customize your frontend look and make it more beautiful.

Social Share

Social share customer from blog details

Social share customer from Product details

• If Social Share is enabled, then you can share blogs and products on your social media.

✏️ Note

You can disable any Social site.

Header

Top Header

Top header Customer view

• If Show Top Header is enabled, then the top header will show.
• Select Text Color and Background Color to choose header color.
• Fill up the Phone No and Email fields. If Show Phone No and Show Email are enabled, then it will show in the top header.
• If Show Be a Seller, Show Compare, Show Currency, and Show Language are enabled, then they will show in the top header.

Main Header

Main Header Customer View

• Text color and Background color are the same as the previous section.

  

  Customer view Logo

• Upload logo, it will show in the frontend main header.

  

• Upload Logo for Sidebar & Customer Panel Logo. This logo will show on the customer dashboard.

• If Search bar, Show Account Icon, Show Wishlist, Show Cart, and Show Track Order are enabled, then they will show in the main header.

Bottom Header

• Header Text color and Header Background color are the same as the previous section.
• If Show Category is enabled, the category section will show on the header. You can choose category text color and Background color by selecting Category Text Color and Category Background Color.
• If Category Expand is enabled, then Categories list will show.
• Select Top Border Color and Bottom Border Color to choose the header border color.

• If Show Page Menu is enabled, then the pages will show.

• Fill up the Google Play Link and App Store Link fields to download DevMall app.
• Upload Logo for Google Play store and App Link. By clicking on the logo, it will take to the app store site.
• If Show Google Link and Show App Store are enabled, then this logo will show on Download Our App section.

Footer

Main Footer

• Text color and Background color are the same as the previous section.
• Select Alignment to choose where the footer position you want.

About Us

• Fill up the Title. It will work as the section header.
• Upload Image for footer logo.
• Fill up the Short Details field, it will be a short description of this site.
• Upload Image for payment methods. You can know from the field which Payment Methods we are provided.
• Fill up the Title field for the Download App Title.
• Upload Image for Google Play and App store is the same as the previous section.
• Link fields are the same as the previous section.
• If the section is disabled, then these elements will not show on the footer.

Useful Links

• Fill up Title field as like the previous section.
• Fill up the Link field and Label field.
• By clicking the Delete icon, the label can be deleted.
• You can add a new section by clicking Add New.
• If the section is disabled, then these elements will not show on the footer.

• Copy the URL from the page and paste it on the field according to the label name.

Homepages

• Homepages field is the same as the previous section.

• Copy the URL from the Homepage and paste it on the field according to the label name.

Categories

• Categories field is the same as the Useful links section.

• Copy the URL from the categories page and paste it on the field according to the category's label name.

Contact Us

• Title is the same as the Useful Link section.
• Provide your Company Address, Email, and Phone no if customers need any help, they can contact.
• Provide your Company social media links. Customers can catch with your Ecommerce site through social media.
• Fill up the Social title field, it will show in the footer section.

Copyright

• If Show Copyright is enabled, then the copyright section will show on the footer.
• Color fields are the same as the previous section.
• Fill up the Content field for this footer.
• Select Alignment to choose where the footer position you want.

Product Card

• If Show Add To Cart, Show Wishlist, Show Compare, Show Quick View, Show Review, Show Price, and Show Badge are enabled, then it will show on the product view.
• Put value of Height, it will define the height of this section.

Custom JS & CSS

• Only developers can use this section for JS and CSS.

Page Configuration

• Select Terms & Condition to choose which page you want to show for **

Term & Condition** on the Signup page.

• Select Default Slider to Choose which page you want to show on the slider section.

Layout

• Select Color to choose the layout color.

• By clicking on Edit, you can edit the layout name.
• By Clicking on Delete, you can delete the layout.
• By clicking on Setting, you can change the layout setting.
• If you click on Setting of any layout, then it will show sections as per the layout, you can change or customize the appearance of this layout.

Add Layout

• By clicking on Add New Layout, you can add more layouts.

Change Layout

• You can change Layout from this Drop-Down field.

Save Section

• You need to Save sections after changes.