Snapshop Documents and FAQ

Snapshop is packed with great new features that you won't find in similar templates. Try using the Product Filter, search products in category, easy user registration and management or just enjoy listing the products in fullscreen HD resolution. Your sales will go up thanks to Snapshop!

• Side menu with widgets
• Pinterest style shop items
• Cool "Quick look" option
• Full sidebar control
• Editable header and footer
• Menu backgrounds and tags

• WMPL supported
• Quick log-in and register forms
• Custom CSS around the theme
• 6 Lookbook page styles
• 4 Product promo pages
• Left / right or central logo

• Revolution Slider included
• Easy to use page builder
• Parallax effects w/ scale & fade
• Shortcode animations
• 5 different navigation positions
• 5 different layout options

• Footer with widgetized areas
• Drag & drop header elements
• Easy one-click demo install
• Award winning support team
• Multifunctional shop template
• Tons of options for editing

This template is packed with options. You will be amazed by its endless features and customization options. If you are a new user and you have not seen the Snapshop template before please read the full documentation as you will get a head start with all the great information that this document provides. Also use the One Click Demo install option to get all the content from our demo site with ease. Main tips you should not miss are:

• Read full documentation on Snapshop
• Use One Click Demo install, to easily get you started
• Use the Frontend Builder to create and edit your pages
• Setup your featured image sizes in Snapshop Options>Advanced and regenerate your thumbnails if needed
• Explore our knowledge base on the Snapshop FAQ site
• Always contact our support team if you experience any troubles. Our support is free and always smiling! Never hire third party authors on problems with the template!

To install this theme you must have a working version of WordPress already installed. For information on installing the WordPress platform, please see the WordPress Codex pages on installing Wordpress at this link - http://codex.wordpress.org/Installing_WordPress. Upon downloading the Snapshop template all files archive, extract the archive and inside you will find full contents of your purchase. SnapshopWP_theme.zip archive contains the installable theme files.

Please Note: You can install the theme in two ways: inside WordPress, or via FTP.

Installing from WordPress / Follow the steps below to install Snapshop template in the Wordpress Admin Panel

• Navigate to Appearance > Themes
• Click Install Themes and then Upload
• Navigate to SnapshopWP_theme.zip on your computer and click Install Now
• After installation, activate the theme and continue to the next section Installing Plugins

Installing via FTP Server / Follow the steps below to install Snapshop template via FTP

• Unzip SnapshopWP_theme.zip to a desired location on your HDD. These extracted files will be uploaded later via FTP
• Connect to your server via FTP
• Navigate to /wp-content/themes/ on server
• Navigate to location of unzipped SnapshopWP_theme.zip
• Upload local folder /edgewp/ to remote /wp-content/themes/
• After install, activate the theme and continue to the next section Installing Plugins

Upon installing and activating the Snapshop template you'll be noted to install plugins used with this template. It's highly recommended to install all plugins at this stage. For documentation on these plugins you can read more on the plugin websites.

Snapshop template uses the following premium plugins that are included in the template package :

• Frontend Builder by Shindiri Studio LINK / REQUIRED
• WooCommerce LINK / REQUIRED FOR SHOP
• Frontend Builder WooCommerce Extension LINK / REQUIRED FOR SHOP
• WooCommerce Product Filter LINK / REQUIRED FOR SHOP
• Revolution Slider LINK
• Content Timeline LINK

Snapshop template also supports these important plugins :

• WPML - Wordpress Multilingual LINK
• MailChimp for Wordpress LINK
• SEO Yoast LINK

The required plugins MUST be installed. To get all the Snapshop template features please install all avaiable plugins.

Upon Plugin installation you'll be noted again to activate the installed plugins. Activate all the installed plugins. Now you can proceed to the Setting up theme options section.

When updating Snapshop template it is very important to update your plugins also. This is mainly important because Snapshop template relies on Frontend Builder for the drag and drop content management. Frontend Builder version will almost always be newer then in the last Snapshop template release and it is very important to update it when updating the Snapshop template.

When updating to a newer version please read the !!! UPDATING SNAPSHOP - IMPORTANT.txt in order to know what has been updated, what are the new options and stuff that you should pay attention to in the process. If you're constantly updating your system (which is recommended) this file will help you a lot!

Updating Snapshop template

• Navigate Appearance>Themes
• Select TwentyThirteen default theme
• Delete the Snapshop template
• Select Install Theme and choose Upload
• Upload the latest SnapshopWP_theme.zip downloaded from themeforest.net
• Activate the updated Snapshop template

Always update your plugins when updating the Snapshop template!

Updating Frontend Builder

• Navigate Plugins>Installed Plugins
• Deactivate Frontend Builder
• Delete Frontend Builder
• Click Add New and choose Upload
• Upload the latest frontend_builder.zip found in the full archive downloaded from themeforest.net (/full_plugins/ folder)
• Activate the updated Frontend Builder

Updating Revolution Slider

• Navigate Revolution Slider
• Click Update button in the bottom right corner of the screen
• Upload the latest revslider.zip found in the full archive downloaded from themeforest.net (/full_plugins/ folder)

This section covers Snapshop template general settings. In this section you can find basic settings for logo, favorites icons, blog, single post, page settings, the Snapshop layout elements, including Header Bar, Header, Content Area, Footer and Footer Bar elements, their setup, colors and fonts, custom sidebars and WooCommerce settings.

• General Settings
  1. Blog Archive - Basic blog archive settings. Here's where you can set the default archives layout. 6 blog layouts are included in Snapshop template. If you want to use the tag there's also support for it. If not extra option will enable you to set your excerpt length.
  
  2. Blog Post - These settings control your basic blog post options. You might decide to hide some of the default information shown on these posts, like featured image, titles, related areas or tags. Here you can also set the number of columns for your related posts at the bottom.
  
  3. Contact Form Custom Message - Set your Contact Form custom message. This message will appear once the e-mail is sent. This contact form works with your contact options. Element to use with it is the Snapshop Contact Form.
  
  4. Contacts Settings (Our Team) - Setup your contacts. You can use these later as your network-icons header/footer element, in SnapShop Team shortcode and in SnapShop contact form. Upload the contact image and set other contact options. You can also add social networks associated with the contact. If you wish to change the social network images this is also very simple. You can find the solution in our FAQ section.
  
  5. Favorites Icons - This section holds the options for your favorites icons. The first icons is the main icon used on most devices. Additional four icons are for settings up your site for the iPad and iPhone devices.
  

• Header Bar
  1. Header Bar - These settings define your header bar element. You can enable/disable element preferably. The setting for the header bar height is also available.
  
  2. Elements - The element section holds the elements that can be used with this Snapshop section. You have left and right areas and their elements. Drag and drop elements you want to use in your layout. Bellow the element manager you can configure your elements. Enter taglines, select menus and network icons. Once you've setup your custom elements and clicked the save button your new layout will appear.
  
  3. Colors - Style this section here. Choose colors associated with it. You can also use rgba() colors, but you will need to insert them manually.
  
  4. Font - Set your fonts for this section. You can use local fonts as well as the Google Fonts Directory. Choose your fonts, their sizes, styles and weights. If you wisht to use Google fonts please check this Use Google Font option
  

• Header
  1. Header - These settings define your header element. Set the header height by adjusting the slider. Disable or enable the sticky header, this option will sticky header to the top of the screen at all times. You can also contain your header by limiting its maximum width option. Choose your header mode gives you the choise between central and left/right header layout. By default left/right mode defines your elements in the Elements section just bellow. If you choose the central option, your left and right header areas will become central.
  
  2. Elements - The element section holds the elements that can be used with this Snapshop section. You have left and right areas and their elements. Drag and drop elements you want to use in your layout. Bellow the element manager you can configure your elements. Enter taglines, select menus and network icons. Once you've setup your custom elements and clicked the save button your new layout will appear.
  
  3. Custom Header Image - This section has the settings for your custom header. You can add an image and set the area size. This image will appear in between the header bar and the header sections.
  
  4. Colors - Style this section here. Choose colors associated with it. You can also use rgba() colors, but you will need to insert them manually.
  
  5. Font - Set your fonts for this section. You can use local fonts as well as the Google Fonts Directory. Choose your fonts, their sizes, styles and weights. If you wisht to use Google fonts please check this Use Google Font option
  

• Breadcrumbs
  1. Breadcrumbs - Basic breadcrumbs settings include the disable/enable option, breadcrumbs height and the pre breadcrumbs text. This text will appear before the breadcrumb. You can use icon codes if you want. E.G. Home icon
  
  2. Colors - Style this section here. Select colors associated with it. You can also use rgba() colors, but you will need to insert them manually.
  
  3. Font - Set your fonts for this section. You can use local fonts as well as the Google Fonts Directory. Choose your fonts, their sizes, styles and weights. If you wisht to use Google fonts please check this Use Google Font option
  

• Pages, Posts and Products
  1. Pages - These basic setting affect only pages. You can hide titles or comments by default.
  
  2. Colors - Style you pages, posts and products sections here. Select colors associated with them. You can also use rgba() colors, but you will need to insert them manually.
  
  3. Font - Set fonts for this section. You can use local fonts as well as the Google Fonts Directory. Choose your fonts, their sizes, styles and weights. If you wist to use Google fonts please check this Use Google Font option
  

• Sidebars
  1. Sidebars - General sidebar option is the sidebar width. You can set the width to use on your site.
  
  2. Activate Sidebars - These settings activate your sidebars. You can set the default sidebars for your blog archives, posts and pages. Also you can set your sidebars to be on left or right each. The WooCommerce default sidebars are set in the WooCommerce general options section. On pages and posts you can override any default sidebar with a sidebar set in the edit post/edit page screen.
  
  3. Sidebars Manager - In order to create more sidebars for your site you can use the Sidebar Manager. Simply click the Add New Sidebar button and your new sidebar will appear. Set its name. Sidebars can also be rearranged. Click and drag and drop to do so.
  

• Footer
  1. Footer - Here a quick option to disable all footer elements is available. Click the disable in order to hide footer in whole.
  
  2. Footer Widgetized Areas - If you're using the footer here you can set the basic widgetized areas. Select the number of columns used in this section. Like the header, footer can be contained. Adjust the maximum width footer slider in order to contain it to the desired width.
  
  3. Colors - Style you pages, posts and products sections here. Select colors associated with them. You can also use rgba() colors, but you will need to insert them manually.
  
  4. Font - Set fonts for this section. You can use local fonts as well as the Google Fonts Directory. Choose your fonts, their sizes, styles and weights. If you wisht to use Google fonts please check this Use Google Font option
  

• Footer Bar
  1. Footer Bar - Please note, if the footer is disabled in whole the footer bar won't appear. A quick option to disable just the footer bar can be found here. You can also set the footer bar height by adjusting the height option.
  
  2. Elements - The element section holds the elements that can be used with this Snapshop section. You have left and right areas and their elements. Drag and drop elements you want to use in your layout. Bellow the element manager you can configure your elements. Enter taglines, select menus and network icons. Once you've setup your custom elements and clicked the save button your new layout will appear.
  
  3. Colors - Style this section here. Choose colors associated with it. You can also use rgba() colors, but you will need to insert them manually.
  
  4. Font - Set your fonts for this section. You can use local fonts as well as the Google Fonts Directory. Choose your fonts, their sizes, styles and weights. If you wisht to use Google fonts please check this Use Google Font option
  

• WooCommerce
  1. WooCommerce General - Basic WooCommerce Snapshop template options are set here. You can adjust the default number of columns used on your shop archives and the realted/upsell sections on single products. Here you can override the number of products shown per page on shop archives.
  
  2. WooCommerce Sidebars - Default sidebars for your shop archives and products are set here. Set their width and their position. If you don't want to use sidebar on any of the area please set the option to OFF.
  
  3. WooCommerce Widgetized Areas - Widgetized areas are sections before and after content on pages/products/posts/archives/shop and similar. You can set these areas in up to five columns. By adding a widgetized area in the desired location, new sidebars will appear in your Appearance > Widgets that define this area. Add widgets or write in your own HTML in the text widget. This is an advanced feature that many users can benefit from.
  

This section covers Snapshop template advanced settings. In this section you can find settings for site layout, advanced layout settings, tracking code. Here you can also set your featured image sizes, setup the welcome screen (MAilChimp integration or smiliar) and set your Twitter API if you will be using the Snapshop twitter widget.

• Advanced General
  1. Advanced General - Set you site layout here. Boxed, wide or contained. Wide option is the best for the full screen layouts. Boxed will box your site. Contained layout you sould use if you want to contain your header and footer with the maximum width option.
  
  2. Loader Background - This section controls the loader background. You can upload you image. Use HD image for full screen display.
  
  3. Tracking code - This code will be pasted in you HEAD section. You can use it to connect your site to tracking websites. Paste in the code provided by your tracking provider. Most common is to use this option with Google Analytics as they are one of the best free service for this.
  

• Advanced Layout - These are the most advanced Snapshop template settings. Please use them with care.
  1. Full HD Resolution - These options define your site width and default margins. Adjust the sliders to change your layout.
  
  2. High Resolution - This is the first responsive resolution. Once the screens are smaller then the value set new margins will be applied. This resolution will be mostly used for HD Ready laptop screens.
  3. Custom CSS / High Resolution - Here you can write in some custom CSS for the high resolution screen devices.
  
  4. Medium Resolution - This is the second responsive resolution. Once the screens are smaller then the value set new margins will be applied. This resolution will be mostly used for iPads and tablets. This device resolution width also has an option for disabling the sidebars. If set sidebars will be hidden when viewing the site on screens smaller then the set medium resolution. This resolution will trigger the side menu responsive option.
  5. Custom CSS / Medium Resolution - Here you can write in some custom CSS for the medium resolution screen devices.
  
  6. Low Resolution - This is the third responsive resolution. Once the screens are smaller then the value set new margins will be applied. This resolution will be mostly used for small screen mobile devices. This device resolution width also has an option for disabling the sidebars. If set sidebars will be hidden when viewing the site on screens smaller then the set loew resolution. The columns in this resolution will automatically be 100% in width and the Snapshop sections will get the mobile layout design.
  7. Custom CSS / Low Resolution - Here you can write in some custom CSS for the medium resolution screen devices.
  

• Featured Images
  1. Shortcodes featured images - These settings alter the default featured image sizes. Set custom sizes or enable the use full resolution images if you want to display images in the original file size. These settings will affect the SNAPSHOP Insert Posts shortcodes.
  
  2. Single post featured images - These settings alter the default featured image sizes for single posts display. Set custom sizes or enable the use full resolution images if you want to display images in the original file size.
  

• Twitter API
  1. Twitter API - If you'll be using the Snapshop Twitter widget in order to connect your site with the Twitter server in the best possible manner please enter your custom codes provided by the Twitter API.
  

• MailChimp Integration
  1. MailChimp Integration - Settings for the welcome screen are found here. Install a MailChimp for Wordpress plugin and enable this option. A welcome screen with your sign up form will appear to new site visitors. You don't have to use MailChimp or the sign up form, you can also override this template with your own by entering the custom code.
  

• Language Bar
  1. Language Bar - The header bar and the header section both have an element called language bar. By adding this element you can get these links and flags to your header and link them up with your translated site versions. Use WPML plugin preferably as it is one of the most common plugins for this use. You can change the flag images easily! Just go to our FAQ area and find out the answer.
  

• Backup Options
  1. Backup Options - Backup your theme data here so you can easily restore any bad settings.
  

This section covers Snapshop template demo installation settings

• Demo
  1. Before you begin - Before you begin you will need to install all the plugins required for the demo. If you've not installed and activated plugins in the How to install Snapshop template? please do so now. When all the plugins are installed and activated.
  
  2. Install Demo - Here is the main installation process. Checked by default are all options that include Install Theme Options, Install Pages, Posts and Products and the Download Images. This means that all of this content will be installed once the Install Demo button is clicked. If you want to install the demo content you should go to the How to install demo content? section as the whole process is described there. By uncheking the Install Pages, Posts and Products and the Download Images checkboxes you can install just the theme options for the desired demo.
  
  3. Remove Demo Tab - Click the Remove Demo Tab button in order to remove this tab from your installation. You might have already installed the demo you like or you just don't want this tab here, well this is the option.

This section covers Snapshop custom CSS, and special classes used by the template

• Custom CSS
  1. Classes and Custom CSS Styles
  2. Custom CSS styles - If you want to alter your site in any way you can do this by writing in custom CSS classes. You can do this in this section easily. This Custom CSS field reflects all site custom cSS. For specific custom CSS for responsive resolutions please visit the Advanced Layout section.
  
  3. .snpshp_limit_width - Use this class to limit your Frontend Builder row width. Set your width and add class to the Frontend Builder row.
  
  4. .snpshp_responsive_fix - Use this class to send columns to 100% in width in medium resolutions. This resolution can be set in the Advanced Layout section.