Td – Theme Settings

TD – THEME SETTINGS

This modules comes with Powerful theme options, where you can configure layout, color, fonts and many more.

- Screenshot of TD – Theme Settings in General tab

- Detailed explanations for module settings:

In General Layout: Here you can manage page layout type, page loader and other common settings like color and background for your site.

. Site Width: You can make your content wrapper boxed or full width . Container max width: Set maximum width of page.

In Body Background Part:

. Background: Set background image or color for body. Only for Boxed Layout.

In Preloader Part

. Status: Show loading spinner before page is fully loaded. . Preloader background: Set Loader background color. . Preloader icon color: Here you can manage loader color. . Preloader Style: Set the preloader style.

In Back to top

. Status: Enabled/Disable back to top. . Background Color: Set the background color for back to top. . Content Color: Mange the content color. . Border: Set the border of back to top. . Content hover Color: Set the hover content color. . Border Hover Color: Set the hover border color fore back to top.

- Screenshot of TD – Theme Settings in Typography Tab

Typography: Here Here you can manage fonts.

In Base font

. Base font type: Manage the font of page. . Google font url: Add google font URL (Example: https://fonts.googleapis.com/css?family=Open+Sans:400,700 . Add 400 and 700 font weigh if exist. If you need adds latin-ext or cyrilic too. Go to Google font to get font URL ) . Google font family: Add Google font name (Example: 'Montserrat', sans-serif ) . Base font size: Font size of body. . Line height: Set the line height. . Base font size mobile: Set the font size on responsive media.

In Heading Titles

. Heading font type: Set the heading title font for all pages.

In Homepage Heading Titles

. Heading font type: Set the heading title font for home page title.

Header: Here you can manage header and its content settings.

Menu: Here you can manage Menu settings and its color and background options.

- Screenshot of TD – Theme Settings in Content/Pages Tab

Content/Pages: Here you can manage settings for different pages.

. Lazy load: Set the loader on products. . Background color: set the background on lazy load background product. . Loader GIF: Here you can add url on loader gif. . Second image on hover: Enabled/Disable the second image hover. . Pagination/Infinite Scroll: Choose the pagination type like Default Pagination/Button Load/ Scroll Load. . Open Product on click on mobile: If you disable this option, when user click on the product on mobile devices, it will see it’s add to cart button. The product page will be opened on second click.

Category:

. Category Style: Choose the Category Style Layouts. . Show Category image: Choose Yes/No to show category image or not . Show Category description: Choose Yes/No show the category description or not . Subcategories thumbs: Choose Yes/No to show subcategories thumbs or not . Default Product Layout: Choose the default product layout like Grid/List.

Product page:

. Product Style: Choose the Product Style Layouts. . Product Image Zoom: Choose Yes/No to show image zoom or not

Footer: Here you can manage footer and its content settings.

Global Options: Here you can manage common settings like Button, Breadcrumb, Forms/Dropdowns and Labels

Responsive: Here you can manage settings for responsive Sidebar.

- Screenshot of TD – Theme Settings in Cookie Law

Cookie Law: Here you can manage Cookies options

. Show Cookie Popup: Choose Yes/No to show cookie popup or not . Message: Enter the message of cookie popup . Button Text: Enter the text of button. . Learn More Text: Add the text of Learn More Link. . Learn More Link: Add the URL of learn more link. . Position: Select the position of cookie like (Bottom/Bottom Left/Bottom Right/Top) . Theme: Select theme like (Block/Edgeless/Classic) . Expiry Days: Set the expiry days of cookie popup

Maintenance: Here you can manage options for Maintenance Page.

Custom Css/js/Codes: Here you can add your custom css and js code.

Import / Export/Reset Configuration: Import and Export your settings from json file.