SwagMoment Parallax WordPress Theme Documentation

SwagMoment is the template for the studio photographer, or any creative person. The template has the necessary set of functionality. Template is very easy to install and further customization. Flexible settings panel pattern gives a unique opportunity to design your website.

Forum Our website

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Features:

  1. Homepage Layout builder
  2. Fully Responsive
  3. HTML5 & CSS3
  4. Valid Code W3C checked
  5. Retina Ready
  6. Bootstrap Framework
  7. SEO optimized
  8. Parallax Effect
  9. Isotope Portfolio
  10. Responsive Portfolio item pop up loader
  11. Powerfull admin panel
  12. 640+ Google Fonts
  13. A ton of Shortcodes
  14. Custom Widgets
  15. Social Sharing buttons
  16. Flexiable Settings
  17. Pricing Table
  18. Post Formats
  19. Google map
  20. Contact Form

JavaScript Files

JavaScripts
bootstrap.min.js bootstrap framework
plugins.js plugins for console
jquery.cycle2.min.js cycle2 plugin for slider
jquery.cycle2.swipe.js cycle2 plugin for mobile
ios6fix.js cycle2 plugin to fix ios 6
jquery.isotope.min.js isotope filter plugin
scrollTo.min.js scrollto plugin
jquery.debouncedresize.js smartresize plugin
jquery.throttledresize.js smartresize plugin
main.js My own javascript

Our shortcodes

For more flexible content using shortcodes

Code Description
[title size="1 to 6"]Title[/title] Title or use standart wp titles
[one_half last="no"]...[/one_half] 1/2 column
[one_third last="no"]...[/one_third] 1/3 column
[one_fourth last="no"]...[/one_fourth] 1/4 column
[two_third last="no"]...[/two_third] 2/3 column
[three_fourth last="no"]...[/three_fourth] 3/4 column
[dropcap]...[/dropcap] Dropcap
[highlight color="eg. green, black"]...[/highlight] Highlight
[checklist]
  • Item #1
  • Item #2
  • Item #3
[/checklist]
Checklist
[tabs tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"]
[tab id=1]Tab content 1[/tab]
[tab id=2]Tab content 2[/tab]
[tab id=3]Tab content 3[/tab]
[/tabs]
Tabs
[accordian]
[toggle title="Title" open="yes"]...[/toggle]
[toggle title="Title" open="no"]...[/toggle]
[toggle title="Title" open="no"]...[/toggle]
[toggle title="Title" open="no"]...[/toggle]
[toggle title="Title" open="no"]...[/toggle]
[/accordian]
Toggle
[progress percentage="60"]Web Design[/progress] Progress bar
[alert type="e.g. general, error, success, notice"]Your Message Goes Here.[/alert] Alert Messages
[youtube id="Enter video ID (eg. AmBt2Ap-VhU)" width="600" height="350"] Youtube Video
[vimeo id="Enter video ID (eg. 65337755)" width="600" height="350"] Vimeo Video
[soundcloud url="http://api.soundcloud.com/tracks/15565763" comments="true" auto_play="false" color="ff7700" width="100%" height="81"] SoundCloud
[pricing_table]
[pricing_column title="Standard"]
[pricing_price currency="$" price="9.99" time="month"][/pricing_price]
[pricing_row]Feature 1[/pricing_row]
[pricing_footer]Buy now![/pricing_footer]
[/pricing_column]
[/pricing_table]
Pricing Table
[tagline_box link="http://gogetthemes.com" linktarget="" button="Purchase Now" title="GoGetThemes is incredibly responsive, with a refreshingly clean design" description="And it has some awesome features, premium sliders, unlimited colors, advanced theme options and so much more! buy this theme! Our theme works on all devices and all browsers. Amazing customer support"][/tagline_box] Tagline Box
[content_boxes]
[content_box title="Awesome Sliders" icon="film" image="" link="http://gogetthemes.com" linktarget="" linktext="Learn More"]GoGetThemes includes the awesome Layer Parallax Slider as well as the popular FlexSlider2. Both are super easy to use![/content_box]
[content_box title="Unlimited Colors" icon="tasks" image="" link="http://gogetthemes.com" linktarget="" linktext="Learn More"]We included a backend color picker for unlimited color options![/content_box]
[content_box last="yes" title="640+ Google Fonts" icon="font" image="" link="http://gogetthemes.com" linktarget="" linktext="Learn More"]GoGetThemes loves fonts, choose from over 640+ Google Fonts. You can change all headings and body copy with ease![/content_box]
[content_box title="Responsive Design" icon="mobile-phone" image="" link="http://gogetthemes.com" linktarget="" linktext="Learn More"]GoGetThemes is fully responsive and can adapt to any screen size. Try resizing your browser window to see the adaptation.[/content_box]
[/content_boxes]
Content Boxes
[fontawesome icon="mobile-phone" circle="yes or no" size="large medium or small"] FontAwesome icon
[social_links linktarget="" rss="" facebook="" twitter="" dribbble="" google="" linkedin="" blogger="" tumblr="" reddit="" yahoo="" vimeo="" youtube="" pinterest="" digg="" flickr="" forrst="" myspace="" skype=""] Social Links
[separator top="40"] Separator
[person name="John Doe" picture="" title="Developer" facebook="http://facebook.com" twitter="http://twitter.com" google="http://google.com" linktarget=""]Redantium, totam rem aperiam, eaque ipsa qu ab illo inventore veritatis et quasi architectos beatae vitae dicta sunt explicabo. Nemo enim.[/person] Person
[testimonials]
[testimonial name="John Doe" company="My Company" link="" target=""]"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui."[/testimonial]
[testimonial name="Doe John" gender="male or female" company="My Company" link="" target=""]"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui."[/testimonial]
[/testimonials]
Testimonials

1. Install Theme

  • To install SwagMoment theme first you must have a working WordPress site, the theme works on any version of WordPress 3.2.x just make sure you follow the instructions step by step. If you have trouble installing WordPress read this tutorial. There are two ways to install SwagMoment.
    • Via WordPress - Log in into the admin area, navigate through Appearance > Themes > Install Themes > Upload and select the .zip file you downloaded and finally click on Install Now
    • Via FTP - The other way is by FTP, log in into your site's FTP through a FTP Client and go into the WordPress installation directory and then navigate to: /wp-content/themes/ and upload the silicon folder here. After the uplad is complete go to Appearance > Themes into your admin area, you will see SwagMoment theme there, hit Activate to activate SwagMoment.
  • After installing theme you need to configure theme and fill in demo content. Log in into the admin area, navigate through Tools > Import > Wordpress and install WP-importer plugin, if you don‘t have it. Choose demo.xml file from your theme package and click Upload. Don't forget to check "Upload attachment files"!
  • If you already installed our template (for new customers will have no problems), you should go to the “Pages> Add new page”, called the name as you need and the right to choose “Parallax Homa page”. Click publish. http://prntscr.com/1mlxy4
  • If you first install the theme and imortirovali demo data (you already have home page), go to the “The setting> Reading” and select your page. http://prntscr.com/1mlyke

2. Theme option

Go to Appearence > Theme options > General Here you can find all general settings to our site: Favicon, Google Analytic, SEO and other.

Go to Appearence > Theme options > Header. Here you can change the logo on / off menu, adjust the color menu, on / off slider, enter a text description of the slider, change the settings header and other

Go to Appearence > Theme options > Home. Here you can change section order, disable any section add slider shortcode enter site SEO data.

This sets the appearance of the first menu, the style of the entire site (round or square) and other

Go to Appearence > Theme options. Here you can configure your section options enable/disable Intro image and parallax change display settings.

Section Excerpt - you each section you can insert any page (created on advance in the Pages)

Go to Appearence > Theme options > Blog. Here you can setup blog of your site.

Go to Appearence > Theme options > Footer. Here you can adjust the color of the footer, lower Upload your logo, add social icons to change the footer.

Go to Appearence > Theme options > Font & Styles. Here you can setup site styles and add your own for better look out use google fonts.

Go to Appearence > Theme options > Back Up. Use back up to save your options

  • Click the Posts tab.
  • Click the Add New Sub Tab.
  • Start filling in the blanks. You can Use our Shortcodes!
  • As needed, select a category, add tags, and make other selections from the sections below the post. Each of these sections is explained below.
  • When you are ready, click Publish.
  • Click the Posts tab.
  • Click the Add New Sub Tab.
  • Fill all nessery fields.
  • When you are ready, click Publish.
  • Click the Portfolio tab.
  • Click the Add New Sub Tab.
  • Fill all nessery fields.
  • Upload preview image as Features Image use high resolution for retina displays!
  • When you are ready, click Publish.
  • Click Appearance tab.
  • Click Widgets Sub Tab.
  • There you can find different sidebars for Homepage, Blog and Social for footer part.
  • Drag and Drop any widget you like in the apropriate sidebar.
  • You can create your sidebars, go to Appearance > Sidebars.
  • Click + Add New Sidebar.
  • Enter sidebar name and click OK.
  • By now, you can add it to any widget in the Appearance > Widgets
  • For any simple page you can add your widget! IMPORTANT: If you add a widget to your page, and you want to put it in a section of the home page, sidebar on the home will not be shown - it is forbidden!

I've used the following images, icons or other files as listed.

CSS

  1. FontAwesome font icons
  2. Bootstrap CSS Framework
  3. Linecons font icons
  4. Google Fonts: Montserrat

Images

  1. http://www.flickr.com/photos/delobbo
  2. http://www.behance.net/Gordei
  3. http://www.behance.net/cristiangirotto

NOTE* : PHOTOS IN DEMO ARE NOT INCLUDED IN ARCHIVE


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.