Page Customizer Guide

The StacheStack platform is extremely powerful, and has a plethora of back-end templates that are specifically developed to allow the front-end tools to be used for 90+% of changes by site owners, designers, and developers.

This guide will get you working on the individual page designs, layouts, features and content display.

The primary tools for building pages are:

1. Visual Composer - This tool is available on each page and post, including custom post types such as Apps, etc. This tool is advanced.
2. Custom Web Parts (Components/Shortcodes) - Visual Composer (VC) has a customized set of options available from within the page. Just add an element.
3. Visual Composer Templates - Another one of VC's most powerful features is the ability to build, save and use View templates across pages.
4. Custom Page/Post Boilerplates - A number of layout templates are available for pages and posts, from Layout templates with full styleguide support, or Layout templates with no header/footer, some with sidebars, etc. These are all built as boilerplates, so you can use the StacheStack visual tools in the front end, versus having to code changes and updates each time.

Page Settings

• Body CSS Class(es) – Add a custom CSS class to the

  element. Separate multiple class names with a space.

• Alternate Index Title – Filling out this text input will replace the standard title on all index pages (i.e. blog, category archives, search, etc) with this one.

• Disable Page Title – Select to disable the page title. Disabling the page title provides greater stylistic flexibility.

• One Page Functionality – Selecting a menu from this dropdown will activate a new menu on said page that is intended to function as a “One Page” navigation, allowing users to scroll to different sections of that page by clicking special links. No matter the global navbar setting for the site, activating a one page menu will make the menu become Fixed Top for that page due to the special requirements for this bit of function- ality. These links must be paired up with IDs for elements on the page. If you are using the [content_band] or [vc_row] shortcodes ([vc_row] is output when you use “Rows” in Visual Composer), these elements au-tomatically output IDs based on their position (the first band’s ID will be “x-content-band-1”, the second band will be “x-content-band-2”, etc). You can link to these bands by going to “Appearance” > “Menus” and adding custom “Links” in the “URL” input to “#x-content-band-1”, “#x-content-band-2”, et cetera. You can also link to custom IDs on the page if you prefer. Be aware that neither the [content_band] or [vc_row] shortcode accept unique IDs as they are automatically generated.

• Background Image(s) – Click the button to upload the background image(s), or enter them in manually using the text field above. Loading multiple background images will create a slideshow effect on the back- ground of the page. To clear, delete the image URLs from the text field and save the page.

• Background Image(s) Fade – Set a time in milliseconds for the image(s) to fade in. To disable this feature, set the value to “0.”

• Background Images Duration – Only applicable if multiple images are selected, creating a background image slider. Set a time in milliseconds for the images to remain on screen.