{"id":17891,"date":"2019-02-18T16:57:13","date_gmt":"2019-02-18T10:57:13","guid":{"rendered":"http:\/\/wp\/?page_id=17891"},"modified":"2019-04-08T10:38:56","modified_gmt":"2019-04-08T10:38:56","slug":"customization","status":"publish","type":"page","link":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/customization\/","title":{"rendered":"Customization styles &#038; templates"},"content":{"rendered":"\n<div class=\"w2gm-docs w2gm-docs-side\">\n<h2 id=\"customization\">Customization styles and templates<\/h2>\n<p>The customization of the plugin does require some experience in HTML, CSS and even PHP to change the templates around to an arbitrary theme look. Plugin's styles and templates are designed to work relatively well with most themes, but if you do have the need to modify any template and add or remove styles - try to follow these conditions:<\/p>\n<ul>\n<li>Create new folder in your child theme <em>\"w2gm-plugin\/\"<\/em>. You will place custom files in this folder.<\/li>\n<li>If you want to change the layout or styles of maps section on your site do not modify existing CSS files, instead create new file and give it exactly the same name, just add <strong>-custom<\/strong> postfix to the end of name before file's extension. For example, <em>resources\/css\/frontend.css<\/em> file from the plugin folder must have following name and placed into <em>w2gm-plugin\/resources\/css\/frontend-custom.css<\/em> folder of your child theme. Using this method will save your modifications and custom code during further updates.<\/li>\n<li>The same convention for any templates - .tpl files in <em>templates\/<\/em> folder. For example, custom <em>templates\/frontend\/index.tpl.php<\/em> template must have following name and placed into <em>w2gm-plugin\/templates\/frontend\/index-custom.tpl.php<\/em> folder of your child theme.<br \/>\n<i class=\"fa fa-exclamation-triangle\"><\/i> Relative path of custom file in your child theme <em>\"w2gm-plugin\/\"<\/em> folder must be exactly the same as the path of original file. <em>resources\/css\/<\/em> will be <em>w2gm-plugin\/resources\/css\/<\/em>, <em>templates\/frontend\/<\/em> will be <em>w2gm-plugin\/templates\/frontend\/<\/em>.<br \/>\nTemplates of addons place in own folders. For example, <em>addons\/w2gm_fsubmit\/templates\/<\/em> will be <em>w2gm-plugin\/templates\/w2gm_fsubmit\/<\/em> in your child theme.<\/li>\n<li>Other part of customization is that you can manage <a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-categories\">categories icons<\/a>, <a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-locations\">locations icons<\/a> and <a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/maps-addresses\/#map_infowindow_settings\">map markers icons<\/a>.<br \/>\nCustom icons files place in the same way as CSS and templates, in your child theme <em>\"w2gm-plugin\/\"<\/em> folder.<br \/>\n<em>w2gm-plugin\/resources\/images\/categories_icons\/<\/em>, <em>w2gm-plugin\/resources\/images\/locations_icons\/<\/em>, <em>w2gm-plugin\/resources\/images\/map_icons\/<\/em> folders for categories icons, locations icons and map markers icons accordingly.<\/li>\n<li>Inside <em>resources\/sass\/<\/em> folder the plugin contains SASS files for the frontend and backend parts including RTL styles.<\/li>\n<\/ul>\n<p>Google Maps Locator plugin has special customization settings to change some elements on frontend pages like links and buttons colors, background of the search form, primary and secondary colors, jQuery UI style.\n<\/p><\/div>\n<div class=\"w2gm-theme-sticky\">\r\n<h4 class=\"w2gm-table-of-contents-heading\">Table of Contents<\/h4>\r\n<ul class=\"w2gm-table-of-contents\">\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/\">Installation<\/a>\r\n<ul>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/demo-content\/\">Demo data import<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/update\/\">Plugin update<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-management\/\">Maps management<\/a>\r\n<ul>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-management\/settings\/\">Map settings<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-management\/ajax-loading\/\">Map AJAX loading<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-management\/starting-point\/\">Map starting point and radius<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-management\/controls\/\">Map controls<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-management\/listings-sidebar\/\">Listings sidebar<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-management\/search\/\">Search options<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-management\/markers\/\">Markers to display<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-listings\/\">Listings management<\/a>\r\n<ul>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-categories\/\">Maps categories<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps-locations\/\">Maps locations<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/\">Maps settings<\/a>\r\n<ul>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/frontend-submission\/\">Frontend submission<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/claim\/\">Claim Functionality<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/listings\/\">Listings settings<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/listings-logos-images\/\">Listings logos & images<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/ratings\/\">Ratings settings<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/search\/\">Search settings<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/maps-addresses\/\">Maps & Addresses<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/email-notifications\/\">Email notifications<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/advanced\/\">Advanced settings<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/settings\/customization\/\">Customization<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/content-fields\/\">Content fields<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/search\/\">Search form<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/sorting-of-listings\/\">Sorting of listings<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/maps\/\">Maps & Markers Icons<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/google-maps-keys\/\">Google API keys<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/frontend\/\">Frontend submission & dashboard<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/widgets\/\">Widgets<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/customization\/\">Customization styles & templates<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/change-texts\/\">How to modify texts<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/translation\/\">Translation<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/import\/\">CSV Import<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/documentation\/troubleshooting\/\">Troubleshooting<\/a><\/li>\r\n<\/ul>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Customization styles and templates The customization of the plugin does require some experience in HTML, CSS and even PHP to change the templates around to an arbitrary theme look. Plugin's styles and templates are designed to work relatively well with most themes, but if you do have the need to modify any template and add [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7212,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17891","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/pages\/17891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/comments?post=17891"}],"version-history":[{"count":1,"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/pages\/17891\/revisions"}],"predecessor-version":[{"id":18292,"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/pages\/17891\/revisions\/18292"}],"up":[{"embeddable":true,"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/pages\/7212"}],"wp:attachment":[{"href":"https:\/\/www.salephpscripts.com\/wordpress_maps\/demo\/wp-json\/wp\/v2\/media?parent=17891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}