{"id":394,"date":"2020-08-06T00:08:42","date_gmt":"2020-08-06T00:08:42","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/?p=394"},"modified":"2020-08-11T01:55:14","modified_gmt":"2020-08-11T01:55:14","slug":"customizer-options","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/06\/customizer-options\/","title":{"rendered":"Customizer Options"},"content":{"rendered":"\n<p>You can set this option in&nbsp;<strong><code>Molla &gt; Theme Options<\/code><\/strong>&nbsp;on WP Admin sidebar or WP Admin toolbar.<\/p>\n\n\n\n<p>Molla Customizer Option is the heart of Molla options. They are presented in a well-organized panel, covering all areas of the theme. There are over 360 individual options here. These are global options that affect your entire site. You can set global site options easily with preview changes of site according to your setting.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-1-1024x522.jpg\" alt=\"\" class=\"wp-image-370\" srcset=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-1-1024x522.jpg 1024w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-1-300x153.jpg 300w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-1-768x392.jpg 768w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-1-1536x783.jpg 1536w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-1-600x306.jpg 600w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-1.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\"><div class=\"notice-info\">NOTE:<br>You would see a rounded splash button at the top right of customizer preview screen. You know, it is customizer panel navigator toggle button. You can easily find options via navigator and also you are available to add several panel or section to navigator by clicking star icon right to panel or section title in customizer panel .<\/div>\n<div class=\"notice-error\">IMPORTANT NOTE:<br>You should not remove default navigator items at first. There are important and original Molla options that can help you quickly build site options.<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"400\" src=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-4.jpg\" alt=\"\" class=\"wp-image-404\" srcset=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-4.jpg 345w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/options-4-259x300.jpg 259w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p><strong>General<\/strong>&nbsp;\u2013&nbsp;You can set general screen options such as loading overlay, skeleton screen show etc.<\/p>\n\n\n\n<ul><li><strong>Loading Overlay <\/strong>\u2013 displays overlay effect before page is loaded<\/li><li><strong>Skeleton Screen<\/strong>\u00a0\u2013 displays skeleton screen of sidebar and post types before loaded, <a href=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/08\/skeleton-screens\/\" target=\"_blank\" rel=\"noreferrer noopener\">more details<\/a><\/li><li><strong>Sidebar Option <\/strong>\u2013 set Sidebar width and sticky or not<\/li><li><strong>Google Map Api<\/strong>\u00a0\u2013 input Google Map Api key<\/li><\/ul>\n\n\n\n<p><strong>Layout <\/strong>\u2013&nbsp;You can set global layout settings such as page width, container width, grid gutter width, backgrounds etc.<\/p>\n\n\n\n<p><strong>Style<\/strong>&nbsp;\u2013 You can set theme colors and typography. You can also customize your css &amp; js.<\/p>\n\n\n\n<ul><li><strong>Color <\/strong>\u2013 set theme colors such as primary color, secondary color etc<\/li><li><strong>Typography<\/strong>&nbsp;\u2013 set fonts such as base font, heading font, paragraph font etc, set custom fonts to use for loading fonts from Google<\/li><li><strong>Addiotional CSS &amp; Script <\/strong>\u2013 global custom css and script<\/li><\/ul>\n\n\n\n<p><strong>Header<\/strong>&nbsp;\u2013 You can set logo &amp; site identity, choose options for header variations and set skins, including elements using in header.<\/p>\n\n\n\n<ul><li><strong>General <\/strong>\u2013 header position and header global options such as background, divider color etc<\/li><li><strong>Logo &amp; Site Identity<\/strong>&nbsp;\u2013 set logo and site identity<\/li><li><strong>Header Builder <\/strong>\u2013 choose one of header presets or add &amp; remove new header layouts by drag &amp; drop header elements, please see more about <a href=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/06\/header-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Header Builder<\/a><\/li><li><strong>Header Top  <\/strong>\u2013 header top background, color, divider color etc<\/li><li><strong>Header Main <\/strong>\u2013 header main background, color, divider color etc<\/li><li><strong>Header Bottom <\/strong>\u2013 header bottom background, color, divider color etc<\/li><li><strong>Sticky Header  <\/strong>\u2013 select header row ( top, main, bottom ) to make sticky, and set style such as background, height etc<\/li><li><strong>Search Form <\/strong>\u2013 manage search area and style such as border, border-radius, button style etc<\/li><li><strong>Account <\/strong>\u2013 login popup style, social login enable or not<\/li><li><strong>Shop Icons <\/strong>\u2013 page link style related to WooCommerce, such as wishlist, cart etc<\/li><li><strong>Social Links <\/strong>\u2013 select social links to show in header<\/li><li><strong>Responsive Group <\/strong>\u2013 select items ( shop icons, top menu, language switcher, currency switcher ) to show as dropdown in mobile<\/li><\/ul>\n\n\n\n<p><strong>Menus<\/strong>&nbsp;\u2013 You can set main menu&#8217;s skin based on custom menu skins and configure mobile menu.<\/p>\n\n\n\n<ul><li><strong>Main Menu <\/strong>\u2013 set main menu skin<\/li><li><strong>Mobile Menu <\/strong>\u2013 select menus to show in mobile menu and set mobile menu skin<\/li><li><strong>Menu Skins <\/strong>\u2013 set several menu skins to use<\/li><\/ul>\n\n\n\n<p><strong>Page Title Bar<\/strong>&nbsp;\u2013 You can set options about page header and breadcrumb.<\/p>\n\n\n\n<ul><li><strong>Page Header<\/strong>\u2013 global showing options and style, configure page header elements<\/li><li><strong>Breadcrumb <\/strong>\u2013 global showing options and style<\/li><\/ul>\n\n\n\n<p><strong>Footer<\/strong>&nbsp;\u2013 You can set options of footer and set copyright, payment methods etc. Footer generally configures as widgets.<\/p>\n\n\n\n<ul><li><strong>Layout <\/strong>\u2013 set global footer layout, section scroll nav title and block name to replace with footer<\/li><li><strong>Style <\/strong>\u2013 global footer style such as background, typography etc<\/li><li><strong>Footer Top <\/strong>\u2013 footer top style, column layouts<\/li><li><strong>Footer Main <\/strong>\u2013 footer main style, column layouts<\/li><li><strong>Footer Bottom <\/strong>\u2013 footer bottom style, custom html, payment, widget to display etc <\/li><\/ul>\n\n\n\n<p><strong>Blog<\/strong>&nbsp;\u2013 You can set blog options such as archive layout, blog type etc.<\/p>\n\n\n\n<ul><li><strong>General <\/strong>\u2013 set excerpt length, read more button<\/li><li><strong>Style <\/strong>\u2013 set single &amp; archive post style such as typography, color etc<\/li><li><strong>Blog Archive <\/strong>\u2013 blog page layout, blog layout, blog type, view more type etc<\/li><li><strong>Single Post <\/strong>\u2013 single post page layout, visible options, related posts etc<\/li><\/ul>\n\n\n\n<p><strong>Woocommerce<\/strong>&nbsp;\u2013 You can set shop releated options such as product type, pre-order etc.<\/p>\n\n\n\n<ul><li><strong>Product Catalog <\/strong>\u2013 manage shop page layout, product archive layout etc<\/li><li><strong>Product Type <\/strong>\u2013 set global product &amp; product category options such as typography, type, visible options, enable or not catalog mode, quickview popup style etc<\/li><li><strong>Single Product <\/strong>\u2013 manage single product page layout, pre-defined product layout, select custom product layout, related products etc<\/li><li><strong>Cart <\/strong>\u2013 cart page layout<\/li><li><strong>My Account <\/strong>\u2013 my account page background<\/li><li><strong>Checkout <\/strong>\u2013 checkout page layout<\/li><li><strong>Advanced <\/strong>\u2013 advanced options related to WooCommerce such as <a href=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/09\/image-swatch\/\" target=\"_blank\" rel=\"noreferrer noopener\">image swatch<\/a>, <a href=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/09\/pre-order\/\" target=\"_blank\" rel=\"noreferrer noopener\">pre-order<\/a>, etc<\/li><\/ul>\n\n\n\n<p><strong>Share<\/strong>&nbsp;\u2013 You can select and arrange share icons to show in your site.<\/p>\n\n\n\n<p><strong>Advanced<\/strong>&nbsp;\u2013 You can enable or not original theme features, manage 404 page, pagination, import \/ export \/ reset theme options etc.<\/p>\n\n\n\n<ul><li><strong>Performance <\/strong>\u2013 enable or not image-lazyload, instant search<\/li><li><strong>Pagination <\/strong>\u2013 manage pagination style<\/li><li><strong>Error 404 <\/strong>\u2013 input block name to use as 404 page<\/li><li><strong>Import &amp; Export Options <\/strong>\u2013 import \/ export customizer theme options<\/li><li><strong>Reset Options <\/strong>\u2013 restore default theme options<\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can set this option in&nbsp;Molla &gt; Theme Options&nbsp;on WP Admin sidebar or WP Admin toolbar. Molla Customizer Option is the heart of Molla options. They are presented in a well-organized panel, covering all areas of the theme. There are over 360 individual options here. These are global options that affect your entire site. You [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,52],"tags":[],"featured_image_src":{"landsacpe":false,"list":false,"medium":false,"full":false},"categories_name":["04 - Options","Customizer Options"],"author_name":"John Doe","comment_count":{"approved":0,"awaiting_moderation":0,"spam":0,"trash":0,"post-trashed":0,"all":0,"total_comments":0},"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/394"}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/comments?post=394"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/394\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/394\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/media?parent=394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/categories?post=394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/tags?post=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}