A site must be visually appealing, polished, and professional. Appearance it's reflecting the company's products and services. The website may be the first and only impression a potential customer receives of any company. Use saturated colors selectively: bright and bold colors are excellent at attracting attention to select regions of a page but soon become overwhelming if overused. The best way to draw attention to your most important elements is to balance white space and contrast. A header is the top margin of each page, and a footer is the bottom margin of each page. Headers and footers help include material you want to appear on every page. The Custom CSS Editor allows you to customize the appearance of your theme without the need to create a child theme or worry about theme updates overwriting your customizations. The Custom Javascript feature allows you to control the behaviour of configuration slots by inputting your own functions. Preloading is typically used for critical resources that slow down a page's loading speed when discovered later than other resources. A color scheme consists of a combination of colors used in various design disciplines. Those all are describing on picturisation.
Themes:
A theme is a foundation for the complete design of a website. This includes typography, colour palettes, headers and footers, backgrounds, and page layouts. A theme is the inferred stance on a story's central topic or message. Themes are used to communicate important ideas and messages about issues that face the characters and the narrative setting.
Short Direction:{AmazCart> Dashboard> Themes> Add New> Amazy> Active/Live Preview> Upload Themes.}
If you want to set the themes then go to the AmazCart Dashboard.
1- Themes
2-Add New themes or upload new themes
3- Amazy which is building themes
4- Either you can choose the default themes that include two options from here Active or Live Preview.
5- Click on the Plus button to upload a new theme.

Upload Themes:
If you want to add a new theme, follow the instructions: Upload Theme if You Have Purchased ZIP File. Click Browse to select the zip file from your computer. Then, click Install Now to add the theme to your website. WordPress will install your premium theme on your website. If you want to see how your website will look using the uploaded theme, click Live Preview.
Short Direction:{AmazCart> Dashboard> Appearance> Theme> Add New> Upload Theme> Browse Zip File> Install Now.}
If you want to upload a new theme on AmazCart then follow the number of instructions.
1-Go to the AmazCart dashboard to find the Appearance click on the theme, you will see the Upload Theme section like Add new.
2- Browse the Zip File to your ready theme on the desktop.
3- On the left side Install Now option, if the upload is done then click on that section.

Color scheme:
A color scheme is one of the first elements to communicate the message behind the design on both visual and psychological levels. The color scheme is one of the most important elements because, when used correctly, color can reflect the niche and even the overall business marketing strategy. Different colors can create a different mood for artwork. Mood means the feeling we get when we look at a work of art. We can create the mood by selecting warm or cool colors that remind us of the emotions we want in our artwork.
Short Direction:{AmazCart> Dashboard> Appearance> Color Scheme> Select Color Scheme> Background Color> Base Color> Text Color> Feature Area Color> Footer Background Color> Footer Text Color> Navbar Area Color> Menu Area Color> Border Color> Success Color> Warning Color> Danger Color> Update> Activated> AmazCart Home Page.}
If you want to set it individually on color then go to Appearance.
1- Color Scheme consists of a combination of colors used in a range of design disciplines, from fine art to interior design to graphic design. Each color scheme consists of one or more of the twelve colors present on the color wheel.
2- Select Color Scheme can save the part that you already made, this section is ready to use rapidly or to follow the order like Color Scheme One, Two or Three.
3- The background color is, in most cases, displayed in the form of an RGB triplet or a hexadecimal code. The three separate pairs of numbers you are given represent the different color values of the RGB spectrum. The first value stands for the red color, the second for the green color and the last for the blue color.
4- Base Color applied at the root area or all over before a dimensional/creative color technique is done.
5- Text Color According to various studies, dark text on light backgrounds tends to be most readable. Go for this approach if you're looking for a clear and crisp presentation, particularly for web design. White backgrounds: Simple and classic, black text on a white background provides the highest readability ratio.
6- Feature Area Color influence how we interpret what we purchase. If you're looking to attract impulse buyers, look to red, orange, black, and royal blue. Shoppers on a budget, however, will find navy blue and teal hues appealing.
7- Footer Background Color with high contrast, such as a light background with black text or dark background with white text. Avoid using varying colors or ornate typefaces. The classic (and most readable) text and background combinations around for footer information – white on black.
8- Footer Text Color typically contains a copyright notice, link to a privacy policy, sitemap, logo, contact information, social media icons, and an email sign-up form. In short, a footer contains information that improves a website's overall usability.
9- Navbar Area Color By default, your top navigation bar's background color will be white. For a more dynamic and strong site, use the opposite color of your website background for your navbar background.
10- Menu Area Color can be Yellow, green, cyan and magenta are good colours to choose if you want to make text stand out, such as headings or important links on a webpage.
11- The border-colour property sets the color of an element's four borders. This property can have from one to four values. If the border-color property has four values: border-color: red green blue pink; the top border is red.
12- Success Color stand by Green is a universally calming color. You'll find more variants of green in nature than any other color. It's also commonly associated with good luck, abundance, money, and growth – and is a great color for success.
13- Warning! Yellow often indicates a warning that might need attention.
14- Danger Color is Red – which indicates, danger, stops or the presence of fire protection equipment.
15- All the color section is done then click on the Update button.
16- Activated if you want or you would like to save it.
17- AmazCart Home Page is showing you the changing color structure on based what exactly the looking like this.

Manu:
A website menu is a series of linked items that foster website navigation between the different pages or sections of a site. The website's navigation bar is often the first touchpoint your visitors interact with to guide them to specific products or categories. So it's crucial to ensure your navigation bar is as helpful and engaging as possible. If you want to make a new menu section, first, you have to write down the name and select the icon to which you want to relate themes, change the status, set the menu type & display the location. Don’t forget to save it. After making the section, you can also edit it.
Short Direction:{AmazCart> Dashboard> Appearance> Menu> Add Menu> Name> Slug> Icon (Use Themefy or Frontawsome Icon)> Status> Menu Type> Display Location> Save> Menu List> SL> Name> Type> Location> Status> Action.}
An ecommerce navigation helps users move from page to page in order to create a seamless shopping experience. The navigation shows have product categories and filters that a user can easily sort and manoeuvre.
1- Menu
2- Add Menu
3- Select the relatable Name
4- A Slug is the unique identifying part of a web address, typically at the end of the URL.
5- Icon (Use Themefy or Frontawsome Icon)
6- Status
7- Menu Type
8- Display Location
9- Save
10- Menu List
11- SL means Serial Number
12- Name
13- Type
14- Location
15- Status
16- Action option operate select from below here about Setup to reinstall Menu bar.

Setup Menu:
This menu allows you to make various basic configuration settings related to paper sources, feeding modes, and error handling. The horizontal navigation bar is the most common type of navigation menu. It lists the major pages side-by-side and is placed in the website header. Many websites feature the same sections, like “About,” “Products,” “Pricing,” and “Contact,” because visitors expect to see them. These are the links at the top of the page to help you find what you're looking for. The navigation links are usually in the header or just below it.
Short Direction:{AmazCart> Dashboard> Appearance> Menu> Select/ Setup> Setup Menu> Add Links> Add Categories> Add Pages> Add Product> Add Brand> Add Tag> Tag> Add To Menu> Add Function> Play Store (Link)> App Store (Link)> Navigation Label> Link> Icon (Use Themefey or Fontawesome Icon)> Show> Open Link in A New Tab> Update.}
If you want to set it on the Apparently menu bar then go to the AmazCart dashboard to find the Appearance to see the Menu. However the section below on the click of the Setup option, you will see the Setup Menu pages. Following the number of chronologies reorganise your top menu bar.
1- Appearance to find the Section list click on Setup, and you will see new all sections to build the menu bar.
2- Setup Menu
3- Add Links
4- Add Categories
5- Add Pages
6- Add Product
7- Add Brand
8- Add Tag
9- Tag
10- Add To Menu
11- Add Function
12- Play Store (Link)
13- App Store (Link)
14- Navigation Label
15- Link
16- Icon (Use Themefey or Fontawesome Icon)
17- Show
18- Open Link in A New Tab
19- Update it.

Slider:
This large image you see at the top of a web page grabs your attention and sets the tone for the rest of the page. Feature images typically span the full width of the page and often contain headlines or calls to action. Headers generally contain information that makes it easier for visitors to interact with the site. Also known as a banner or cover image, the header image appears at the top of a user's profile page and groups in a community. Aside from the apparent functions of branding and personalization, header images are often used to showcase events, products, or services for promotional purposes.
Short Direction:{AmazCart> Dashboard> Appearance> Slider> Slider Setup> SL> Name> Column Size> Status> Action> Select/ Setup.}
Web designers can incorporate sliders into all kinds of sites, but they are most useful for businesses wanting to show relevant content or showcase professional portfolios. There is the list of Slider sections that you already created.
1- Slider
2- Slider Setup
3- SL
4- Name
5- Column Size
6- Status
7- Action
8- Select/ Setup to organise all Slide menus.

Slider Section Setup:
The slider section is an animated section available for PRO users - you can add multiple slides and change up the look of the slider by selecting different layouts. A slider is a term that refers to a slideshow on a website. An example of a slider can be a revolving carousel that displays products or photos. Web designers can incorporate sliders into all kinds of sites, but they are most useful for businesses wanting to show relevant content or showcase professional portfolios. A web page that has image sliders takes more time to load and display the images. It's not only bad for SEO but doesn't look professional. Long loading times can hurt your SEO and also cause you to lose traffic when impatient visitors give up waiting and hit the back button.
Short Direction:{AmazCart> Dashboard> Appearance> Slider> Select/ Setup> Slider Section Setup> Name> Slider For> Slider Image or Browse File> Status> Open Link in a new tab> Save> Slider List> Slider 1> Slider 2> Slider 3> Name> Slider Image> Slider For> Category List> Status> Open Link in a new tab> Update> General Setting> Slider Section General Setting> Colum Size> Enable This Section> Update.}
If you want to set up the Slider section then find the Appearance option. Go to the Slider & you will see the Select option below Setup to Click on that. Sequently Following in order or Number As-
1- Appearance
2- Setup
3- Slider Section Setup
4- Name
5- Slider For
6- Slider Images or Browse File
7- Status
8- Open Link in a new tab
9- Save
10- Slider List
11- Slider 1
12- Slider 2
13- Slider 3
14- Name
15- Slider Image
16- Slider For
17- Category List
18- Status
19- Open Link in a new tab
20- Update
21- General Setting
22- Slider Section General Setting
23- Colum Size
24- Enable This Section
25- Update it.

Dashboard Setup:
You can control the color, shape, and transparency of the Search widget that appears. You can also make it normal, color or reverse. Make it visible or hide the dashboard on the product card, orders, customer, visitor, sell amount, review & revenue etc. A website dashboard is an online report where your website data -- from ecommerce to web analytics -- is displayed. You're able to combine different data sources in one dashboard or you can create dashboards for different channels - it's totally up to you.
Short Direction:{AmazCart> Dashboard> Appearance> Dashboard Setup> Make Widget Card Colorful> Normal> Color> Reverse> Make Visible in Dashboard> Visible> Hide.}
If you want to set it on your AmazCard dashboard then you can change any of the Make Widget Card Colorful from Sale, Products, Customer, Order, Revenue or Visitor can status Normal, Color, Reverse. Either you can change the Make visible in Dashboard from the main method is Visible or Hide.
1-Dashboard Setup
2- Make Widget Card Colorful
3- Normal can be selected about the total product, Sale, Customer or other visitors.
4- Color
5- Reverse
6- Make Visible in the Dashboard
7- Visible
8- Hide

Dashboard Color:
There are three types of gradients. As well as Default Color, Test Color & Copy of Default Color. Eventually, based on the major six colors with Base, Scroll, Text, Success, Warning & the last one is Danger color. If you want to change, then click on the activate option. Either you also can make a clone or edit it.
Add new color:
The following table describes how colors are applied based on the dashboard item’s type. Use the dashboard color list section for the customized colors of the specific palette. Click on the title box to add a new name for the color, mode, background type & color. You can also select the toaster message position & time. After finishing the color combination then, click on the add option. It's the manual functionality to make your choice of color decision.
Short Direction:{AmazCart> Dashboard> Appearance> Dashboard Color> Add New> SL> Title Type> Color> Background> Status> Action> Base Color> Scroll Color> Text Color> Success Color> Warning Color> Danger Color> Activated> Select> Dashboard Color List> Color adjusts boxes as like Border Color or Gradient Color> Add.}
Natural colors are generally better than bright or bold colors. Reserve bright or dark colors to highlight outliers or important calls to action. Also, remember that each color in a data visualization should serve a purpose.
1- Dashboard Color
2- Add New
3- SL mean Serial Number
4- Title
5-Type
6- Color is based on six color sections to allocate it.
7- Background
8- Status
9- Action
10- Base Color
11- Scroll color property is used to set the color of an element's scrollbar. It can be used to control both the scrollbar track and scrollbar thumb colors separately.
12- Text Color
13- Success Color
14- Warning Color
15- Danger Color
16- Activated
17- Select an option including a clone that make another version of color, also you can edit or delete it that you already make it.
18- Dashboard Color List
19- Color adjusts boxes like Border Color or Gradient Color
20- Add that already made on colour setup & it will be shown as another desirable color segment.

Preloader Setting:
The basic function of a preloader is to tell that the “loading” is in process. It is an animation – simple or complex. It tends to keep a user's attention while the posts of the social hub on your website are loading. These are custom-built indicators to indicate the processing on the page. You can also change the preloader status & type. It gives web developers more control over how a webpage and the different resources on it are loaded. For example, preloading can prevent render-blocking resources by loading them early on, improving a page's user experience by optimizing the page speed.
Short Direction:{AmazCart> Dashboard> Appearance> Preloader Setting> Preloader Status> Preloader Type Animation> Preloader Type Image> Browse File> Save.}
A preloader, also known, as a loading page, or preloading screen it's the loading animation or static image that shows on your screen while the main app is loading in the background.
1-Preloader Setting
2- Preloader Status
3- Preloader Type Animation
4- Preloader Type Image can substantially improve LCP, especially if you need critical images (like Hero images) to be prioritized over the loading of other images on a page. While browsers will try their best to prioritize the loading of images in the visible viewport
5- Browse the File
6- Save

Custom Asset:
Easily add Custom CSS or JS to your website with an awesome editor. Customer CSS based on without style tag & customer JS based on Script tag. Adding your own custom CSS code allows you to override the theme's default CSS and customize your website's styling. Creating a custom event in JavaScript may sound pretty difficult, but it is just one simple line of code. You can create a new Event object by using the Event constructor, and in the most basic form, all you need to do is pass a single string to the constructor, which is the name of your event.
Short Direction:{AmazCart> Dashboard> Appearance> Custom Asset> Custom CSS> Custom JS (Without Script Tag)> Save.}
Custom asset labels make it easier to track multiple types of items owned by the business. These can include small tools to bigger machinery. Regardless of the size of items, every business can benefit from a streamlined management strategy. An asset-tracking solution can optimize and automate this process for you. If you want to set on the custom asset then go to Appearance to find the CSS & Js for set it without Script.
1- Custom Asset
2- Custom CSS means the editor allows you to customize the appearance of your theme without the need to create a child theme or worry about theme updates overwriting your customizations.
3- Custom JS (Without Script Tag) means Custom JavaScript targeting allows you to inject JavaScript into a page, and then target your experiments based on the value that the JavaScript returns.
4- Save it.
