SweetDate - More than a Wordpress Theme v2.31 - 96Down com

# SweetDate

## More than a Wordpress Dating Theme v2.3

Follow on TF

- created: 06/25/2013
- latest update: 12/06/2013
- by: SeventhQueen
- themeforest.net/user/SeventhQueen/portfolio
- email: themesupport@seventhqueen.com

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email at themesupport@seventhqueen.com. Thanks so much!
All support is given through our Support Forum.
Before creating a topic please search trough existing topics and check Video tutorial: http://seventhqueen.com/support/video-tutorials
When creating a topic, try to explain as clearly as you can the issue you are having and what you were trying to do when the problem occurred, preferably using screen shots.
We will get back to you as soon as possible. Support team works Monday to Friday.
You can also check out this video for initial install and setup: http://www.youtube.com/watch?v=LCrhEfApQI8

### Folder structure

We have built this theme with WordPress best practices in mind so it can be easily customized.

- activity - Buddypress custom templates for activity pages
- album - Buddypress custom templates for album pages
- assets - contais stylesheeet, javascript, image files used by the theme
  - font - Font Awesome files
  - images
  - scripts - javascript files used by the theme
  - styles
    - /app.css - file contains all of the specific styling for the landing page template. Each section of this file is commented for better understanding.
    - foundation-nonresponsive.min.css - these are generic styles, resets & normalization
    - responsive.css - styles needed to enable responsive layout
    - font-awesome.min.css - Font Awesome by Dave Gandy is "the iconic font"
- bbpress - bbPress templates used for customization
- blogs - Buddypress custom templates for blog pages
- custom_buddypress - functions, javscript and css files used for Buddypress customizations
- forums - Buddypress forum pages templates
- framework - the heart of this theme.
- Buddypress groups pages templates
- languages - .po and .mo files used for translations
- members - Buddypress members pages templates
- page-parts - reusable code snippets used in templates like before and after content wrappers
- page-templates - contains page templates like front-page or full-width
- registration - Buddypress registration pages templates
- woocommerce

RESPONSIVE

Responsive means that the content will adjust to every screen width and you can control how appearance will be through media queries.
You can find the responsive media queries in responsive.css
CAUTION: Do not change main theme files. If you want to add your own css, please enable the Child Theme and put your custom css in style.css.
If you want to modify any other php template, just copy it to your Child theme and modify it as you need.

### Installation and setup

#### Theme installation

Once you have installed WordPress (see details here) and logged in to admin panel, you can install Sweetdate theme.

This theme also contains a child theme. It is recommended to activate and use the child theme for easier future theme upgrades.

There are 2 ways of installing the theme

1. Install via WordPress Admin

2. Upload via FTP directly to your server.

##### 1. Install via WordPress Admin

To install the theme correctly, you MUST UNZIP the file downloaded from ThemeForest.

Go to Appearance > Themes to upload theme.

Go to “Install theme” tab and click “Upload”. Choose, from Wordpress folder, the file named sweetdate.zip

To perform the requested action, WordPress may need to access your web server. If you do not remember your credentials, you should contact your web host.

##

Do the same upload process for sweetdate-child.zip

Once the installation process is finished, click “Activate”.

###

##### 2. Upload via FTP directly to your server.

To install the theme correctly, you MUST UNZIP the file downloaded from ThemeForest.

1. Locate your extracted folder with Themeforest files.
2. Unzip theme zip file located in Wordpress/sweetdate.zip. Unzip child theme located in Wordpress/sweetdate-child.zip
3. The correct theme folder must have the style.css file within the root. i.e. Wordpress/sweetdate/style.css
4. Open your FTP client and connect to your server.
5. Locate the themes directory e.g. ‘/wp-content/themes/‘
6. Upload sweetdate and sweetdate-child folders to this directory, once the folders have uploaded, it should read ‘/wp-content/themes/sweetdate‘ and '/wp-content/themes/sweetdate-child'

Log into the WordPress admin, go to Appearance → Themes and activate sweetdate-child Theme.

#### Updating the Theme

CAUTION: If you have made any changes to theme files, updating the theme will overwrite your modified files and you will loose any customizations. For safe updates please enable the Child theme and do any customizations there.
To easily update the theme using Envato update plugin you must go to WP-admin -> Sweetdate -> Miscellaneous and enter your Envato username and API Key. After you have saved the settings you will receive update automatically.

If you wish to upgrade via FTP, you can do the following:

1. Open your FTP client and connect to your server.
2. Locate the theme in the themes directory e.g. ‘/wp-content/themes/sweetdate‘
3. Make a backup if needed by downloading the current version of the Theme to your computer.
4. Upload the new Sweetdate folder to the exact same directory, overwriting the existing files.
5. When completed the new version will be active.

### Buddypress/bbPress

After activating the theme, a notice will appear letting you know that you need to install Buddypress and bbPress.

You can automatically install plugins this way or you can manually install the plugins from Wordpress repositoy here

##### Buddypress

After you have installed Buddypress, go to WP Admin -> Settings -> Buddypress to make specific settings.

- Components tab: check the components you want to enable.

- Pages tab, link your Buddypress Register and Activate pages.

To import User Profile Fields go to WP Admin -> Sweetdate -> Buddypress -> Import Buddypress Profile Fields.

To edit User profile fields go to WP Admin -> Users-> Profile Fields.

Members search form

Since v1.3 we have included the option to fully customize the members search form.

Configure what fields you want to enable on the form: Sweetdate -> Buddypress

Here you can configure form fields for the Main form(the one that is on the home page in our demo) and the Horizontal form(appears in Members page)

There are three types of special fields:

Numerical field - When you select a field to be numerical, then it will render two input boxes where you can search a min and max value.

Age field - When you select a field as Age, then on the search form it will render two select boxes for Age interval

Matching fields - Matching fields are when you don't want to search the value in the same field that was entered.

For example on our demo site we have: "I am a" and "Looking for" as Matching fields to inverse the search.

To show the form you have different options:

Shortcode
[kleo_search_members] or [kleo_search_members_horizontal]
Widget
Go to Appearance -> Widgets to set it up
In PHP files
Paste the following code where you want the forms to show:
do_action('kleo_bp_search_form');
or
do_action('kleo_search_form_horizontal');
Also you can enable the search form from Sweetdate-> Home.
City field autocompletion based on Country field - since v.2.3
If you have both a Country and Ciy field you can indenify them by selecting them in the corresponding select fields. City will autocomplete based on the Country selected.
If you don't have a Country field then you can put the Country Code to gen cities only from that country.

##### bbPress

For bbPress settings go to WP Admin -> Settings -> Forums.

### Woocommerce

Sweetdate likes and supports Woocommerce.

Automatic install

After activating the theme, a notice will appear letting you know that you can install Woocommerce.

Manual installation

The manual installation involves downloading the plugin and uploading it to your webserver via your favourite FTP application.

- Download the plugin to your computer from http://wordpress.org/extend/plugins/woocommerce/
- Unzip the file. Using an FTP program, or your hosting control panel, upload the unzipped plugin folder to your WordPress installation’s wp-content/plugins directory.
- Activate the plugin from the Plugins menu within the WordPress admin.
- After you’ve installed and activated the plugin, be sure to select ‘Install WooCommerce Pages‘ to get started.

You can also import demo content to get you started. Go to Installation and Setup to view how to Import the demo_woocommerce.xml file located in ./Demo content

For details instructions on using Woocommerce please go to: http://docs.woothemes.com/document/woocommerce/

### Demo content

Note! Demo data does not include all images from the demo. These images are copyright protected and require permission in some cases to use. The required images have been replaced with holding images.

To add demo content you need to install WordPress importer plugin.

Go to Tools > Import

Select Wordpress

If Wordpress importer is not installed, go ahead and install it. Run the importer. Choose the demo-sweetdate.xml file located in ../Demo content/demo-sweetdate.xml

Since v1.3 we have added demo-woocommerce.xml which contains sample product for you to import.

After the file is uploaded make sure to assign Authors and import Attachments.

That’s it, all demo data has been imported.

### Pages and Menu

##### Menu

Set the menu via WP Admin → Appearance → Menus → Theme Locations → set to Sweetdate

To change Menu colors go to theme options: WP ADmin -> Sweetdate -> Styling options -> Header section

#####

##### Home page

1. Set the home page via WP Admin → Settings → Reading → A static page → Front Page → set to Home.
2. Go to Pages -> Edit Home page. Select "Front Page Template" from Page Attributes.

If you haven't used the demo content, explained in the previous section, you can reproduce our home page using shortcodes. Bellow is the complete Home page content. You can just copy/paste it to your page:

    	[kleo_section border=1 bg="http://seventhqueen.com/demo/sweetdatewp/wp-content/uploads/2013/06/gray_pattern.gif"]

    	[kleo_call_to_action bg="http://seventhqueen.com/demo/sweetdatewp/wp-content/uploads/2013/06/map-bg.png"]

    	[kleo_one]

    	[kleo_h1]It all starts with a [kleo_colored_text color="#F00056"] Date [/kleo_colored_text][/kleo_h1]

    	[kleo_lead_paragraph] You find us, finally, and you are already in love. More than 5.000.000 around the world already shared the same experience and uses our system. <span style="color: #000000;"><strong>Joining us today just got easier!</strong></span>[/kleo_lead_paragraph]

    	[kleo_button url="register" style="standard" size="large" round="radius" icon="0,before" target="_self"] Join us for FREE [/kleo_button] [kleo_button_video url="http://www.youtube.com/embed/FtquI061bag" style="alert" size="large" round="radius" icon="film,after"] Our TV Commercial [/kleo_button_video]

    	&nbsp;

    	[/kleo_one]

    	[kleo_one]

    	[kleo_status_icon type="total" subtitle="Members in total"] [kleo_status_icon type="members_online" subtitle="Members online"] [kleo_status_icon type="women_online" subtitle="Women online"] [kleo_status_icon type="men_online" subtitle="Men online"]

    	[/kleo_one]

    	[/kleo_call_to_action][/kleo_section]

    	[kleo_section centered=1 border=1]

    	[kleo_row] [kleo_one]

    	[kleo_h2] Sweet stories from [kleo_colored_text color="#F00056"] our Lovers[/kleo_colored_text][/kleo_h2]

    	[kleo_lead_paragraph] Here you have some success stories from our blog section. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [/kleo_lead_paragraph]

    	[/kleo_one]

    	[kleo_one]

    	[kleo_posts_carousel]

    	[/kleo_one]

    	[/kleo_row][/kleo_section]

    	[kleo_section bg="http://seventhqueen.com/demo/sweetdatewp/wp-content/uploads/2013/06/gray_pattern.gif" centered=1 border=1][kleo_row] [kleo_one][kleo_h2] Top [kleo_colored_text color="#F00056"] Members [/kleo_colored_text][/kleo_h2][kleo_top_members] [/kleo_one] [/kleo_row][/kleo_section]

    	[kleo_section centered=1]

    	[kleo_row][kleo_one][kleo_h2]Recently Active [kleo_colored_text color="#F00056"] User Groups [/kleo_colored_text][/kleo_h2][/kleo_one]

    	[kleo_recent_groups]

    	[/kleo_row]

    	[/kleo_section]

To change the home page image go to theme options: Sweetdate -> Homepage

To enable/disable the Search form go to theme options: Sweetdate -> Homepage

To customize the Search form go to theme options: Sweetdate -> Buddypress

### Theme options

To access Theme option go to WP admin -> Sweetdate.

Options are divided in the following sections:

- General settings - Logo, favicons, analytics code
- Layout settings - Responsive switch, Boxed/Wide layout, Sidebar/No sidebar
- Styling options - Backgrounds, colors, google fonts for header, breadcrumb, main section, sidebar, footer
- Homepage - Set the Image to be displayed on the Front page template
- Buddypress - Import Buddypress profile fields, pages layout(sidebar/no sidebar).Customize profile header (background, transparency, colors)
- Contact Info & Social - Enable/Disable top social bar. Set you contact details
- Miscellaneous - Facebook APP ID for login integration. Twitter settings for widget. Envato account and API for automatic theme updates.

#####

##### General settings

You can upload your own logo, also a retina logo to be used on retina display devices.

You can Upload normal favicon and retina icons.

To upload a custom logo just click the upload button, upload the file, click it from on the list and click "Select File"

##### Layout settings

Here you can enable or disable responsive design(If the layout will adjust depending on the size of the screen), select if you want wide or boxed layout. If you select Boxed layout more options will appear, allowing you to choose a background for the site.

From v1.3 you can enable/disable Sticky Main Menu

##### Styling options

Set Backgrounds, colors, fonts for header, breadcrumb, main section, sidebar, footer

You can create unlimimited combinations of colors using the settings in this section.

######

###### Backgrounds

You can change the background for different site sections by selecting the background type. It can be pattern, image or color.

If you select Pattern you'll have the option to choose a predefined pattern.

If you select Image you'll have the option to set the image, image-repeat, vertical and horizontal position, background size and position.

If you select Color you'll have the option to choose a color for the background

###### Different colors for site sections(heder,breadcrumb,main,footer)

You can set the text color, link color and hover color for each section of the website. Here is an example from the Main section:

###### Headings

Choose the font family, font size, font weight, font color for : H1, H2, H3, H4, H5, H6 and body text.

You can also choose from 600+ Google fonts and have a preview of the text.

###### Breadcrumb

You can also enable/disable the breadcrumb

##### Homepage

Here you are able to select what type of form you want and set the image for the Home page.

##### Buddypress

You have the option to set how many members to show per page on members listing page.

Here you can configure form fields for the Main form(the one that is on the home page in our demo) and the Horizontal form(appears in Members page)

There are three types of special fields:

Numerical field - When you select a field to be numerical, then it will render two input boxes where you can search a min and max value.

Age field - When you select a field as Age, then on the search form it will render two select boxes for Age interval

Matching fields - Matching fields are when you don't want to search the value in the same field that was entered.

For example on our demo site we have: "I am a" and "Looking for" as Matching fields to inverse the search.

To show the form you have different options:

Shortcode
[kleo_search_members] or [kleo_search_members_horizontal]
Widget
Go to Appearance -> Widgets to set it up
In PHP files
Paste the following code where you want the forms to show:
do_action('kleo_bp_search_form');
or
do_action('kleo_search_form_horizontal');
Also you can enable the search form from Sweetdate-> Home.

Set the age search limits. These are used on the homepage search form and members search form.

Here you have the option to uniquely style the header for Buddypress profile pages.

You can set background, colors and transparency

##### Contact and social settings

Enable/Disable top bar.

Here you will also enter contact information that will be displayed in the Top Bar and About us widget

Also you can enter you GPS Coordinates that are used to display Google Maps on Contact Page template.

##### Miscellaneous

- Enable/disable Admin top bar.
- Enable/disable Facebook login integration. If you enable it you will have to enter your Facebook Application ID. If you don't have one go here and create one.
- Mailchimp API KEY - This is used for Mailchimp Widget.

- Terms and Privacy pages. These are used for the links in login/register modals
- Themeforest Username and API KEY. Are used to enable automatic updates using Envato Plugin.

- Twitter application settings. These are used to display tweets using the Twitter Widget. Since Twitter API 1.1 you need to create an application and provided some info. Go to this link to create an application if you don't have one: https://dev.twitter.com/apps

##### Import / Export Options

Here you can easily backup your theme options, create different styles and save them, load different style from backup.

### Shortcodes

Shortcodes are small texts wrapped in "[" and "]" that are converted by WordPress.

This theme has a built in button in your editor for you to easily add shortcodes.

Using this button you will open a configurator and easily generate shortcodes and buid pages right away.

Here are the available shortcodes:

Button

    [kleo_button url="" style="{standard|secondary|success|alert}" size="{standard|large|medium|small|tiny}" round="{0|radius|round}" icon="{0|fontawesome-icon},{before|after}" target="_self"] Button Text [/kleo_button]

Alert

    [kleo_alert style="{standard|secondary|success|alert}"] This is an alert [/kleo_alert]

Progress bar

    [kleo_progress_bar style="{standard|secondary|success|alert}" round="{0|1}" width="{1-100}"]

Tabs

    [kleo_tabs]
    [kleo_tab title="Title 1" active=0] Tab Content 1 [/kleo_tab]

    [kleo_tab title="Title 2" active=1] Tab Content 2 [/kleo_tab]

    [/kleo_tabs]

Accordion

    [kleo_accordion]

    [kleo_accordion_item title="Title 1"] Accordion Item Content 1 [/kleo_accordion_item]

    [kleo_accordion_item title="Title 2"] Accordion Item Content 2 [/kleo_accordion_item]

    [/kleo_accordion]

Panel

    [kleo_panel style="{standard|callout}"] Panel content. [/kleo_panel]

Pricing table

    [kleo_row]

    [kleo_one_third]

    [kleo_pricing_table title="Package 1" price="100 €" description="Description "]

    [kleo_pricing_item] Item description 1 [/kleo_pricing_item]

    [kleo_pricing_item] Item description 2 [/kleo_pricing_item]

    [/kleo_pricing_table]
    [/kleo_one_third]

    [kleo_one_third]

    [kleo_pricing_table title="Package 2" price="150 €" description="Description "]

    [kleo_pricing_item] Item description 1 [/kleo_pricing_item]

    [kleo_pricing_item] Item description 2 [/kleo_pricing_item]

    [/kleo_pricing_table]

    [/kleo_one_third]

    [kleo_one_third]

    [kleo_pricing_table title="Package 3" price="300 €" description="Description "]

    [kleo_pricing_item] Item description 1 [/kleo_pricing_item]

    [kleo_pricing_item] Item description 2 [/kleo_pricing_item]

    [/kleo_pricing_table]

    [/kleo_one_third]

    [/kleo_row]

Posts carousel

Example that shows Posts and testimonials but only Image,Gallery,video formats.
If you want to display all post formats: post_formats="all"

    [kleo_posts_carousel cat="all" limit="6" post_formats="image,gallery,video" post_types="post,testimonials"]

Blog Articles

Example that shows blog articles
You can shoose to display by post formats: post_formats="image,gallery,video"

    [kleo_articles cat="all" limit="6" post_formats="all" post_types="post"]

Video button

This shortcode opens a video in popup. The video is specified in the shortcode

    [kleo_button_video url="http://www.youtube.com/embed/FtquI061bag" style="standard" size="standard" round="{radius|round}" icon="{fontawesome-icon},{before|after}"] My video popup [/kleo_button_video]

Headings

    [kleo_h1] H1 heading! [/kleo_h1]

    [kleo_h2]H2 [kleo_colored_text color="#F00056"] heading [/kleo_colored_text]! [/kleo_h2]

    [kleo_h3]H3 heading! [/kleo_h3]

    [kleo_h4]H4 heading!

    [/kleo_h4]

    [kleo_h5]H5 [kleo_colored_text color="#F00056"] heading [/kleo_colored_text] [/kleo_h5]

    [kleo_h6]H6
     heading! [/kleo_h6]

Restrict content

    [kleo_only_members]Content to show for members only[/kleo_only_members]

    [kleo_only_guests]Content to show for guests only[/kleo_only_guests]

Homepage specific

This shortcode generates members statistics with an icon based on the type attribute.
If you have translated your default members profile fields then you need to change the gender in the type attribute to match you translated one.
Example:

    [kleo_status_icon type="Homme" image="http://seventhqueen.com/demo/sweetdatewp/wp-content/uploads/2013/06/apple-touch-icon-144x144.png" subtitle="Homme"]

Buddypress

Easy access buddypress user data.

    [kleo_total_members] Total members

    [kleo_members_online] Online members

    [kleo_women_online] Women online

    [kleo_men_online] Men online

Search Form

There are two search forms:

    [kleo_search_members]
    and
     [kleo_search_members_horizontal]

[kleo_search_members] - Gives a form just like the one on the Home Page

[kleo_search_members] - Gives a form like the one from Members Page

You can configure the fields of the form from: Sweetdate -> Buddypress

Member statistics

You can generate whatever statistics you want using users profile fields.

Example:

This fields will return the number of users in Barcelona

    [kleo_members_stats field="City" value="Barcelona"]

Top members - Display members that can be sorted by: active, popular, newest

    [kleo_top_members]

Recent groups - Display recently active groups

    [kleo_recent_groups]

Layouts

    [kleo_row] [kleo_one] One Column[/kleo_one] [/kleo_row]

    [kleo_row] [kleo_one_half] One half [/kleo_one_half] [kleo_one_half] One half [/kleo_one_half] [/kleo_row]

    [kleo_row] [kleo_one_third] One third [/kleo_one_third] [kleo_two_third] Two third [/kleo_two_third] [/kleo_row]

    [kleo_row] [kleo_one_fourth] One fourth[/kleo_one_fourth] [kleo_three_fourth] Three fourth[/kleo_three_fourth][/kleo_row]

Icons

You can generate FontAwesome icons right away:

    [kleo_icon icon="fontawesome-icon" size={normal|large|2x|3x|4x}]
    example:
    [kleo_icon icon="heart" size=normal]

Image Slider

    [kleo_slider]
    [kleo_slider_image src="IMG_SRC"]
    [kleo_slider_image src="IMG_SRC"]
    [/kleo_slider]

### Widgets and sidebar

##### Widgets

The image bellow ilustrates widget locations for Sweetdate theme.

We will reproduce the layout our demo website uses so you can understand better how widgets work.

###### Footer

Footer Widget 1 - this one contains "About us " widget

If you check Email/Phone option, your contact info will be displayed. Contact information will be retrieved from Theme options page -> Contact & Social section. The same applies for Social Icons.

Footer Widget 2 - this one contains Wordpress default "Pages " widget

Footer Widget 3 - this one contains "Twitter " widget

In order for Twitter to work you have to go to Theme options -> Miscellaneous and enter the application details for Twitter widget. More details you cand find in this document in "THEME OPTIONS" section.

Footer Widget 4 - this one contains "Recent posts" widget

You can configure how many posts to display, content length, show/hide author image, display only posts from specific category or display all, display only specific post types.

###### Footer Level 1 - Widget 1

In our demo we used the "Support box" widget. Here you can put some text for support info and a button with link to contact area.

###### Footer Level 1 - Widget 2

Mailchimp Newsletter widget - In order for this wiget to work you have to set your API key from Mailchimp(instructions can be found in this document, section THEME OPTIONS). After you have set the API key you will be able to select the list to which the users will subscribe to.

######

###### Footer Level 2

Testimonials Widget - This one retrives testimonials entered from admin.

To add testimonials go to WP Admin -> Testimonials -> Add New Testimonial

##### Unlimited sidebars

Sometimes you want to have, lets say for you blog page, different sidebar. No worries, you can create unlimited sidebars and assign them to whatever post/page you like. Follow the following tutorial to learn how to do it.

- Go to Appearance -> Sidebars

- Let's create a Blog Sidebar. Click on the "Add New Sidebar" button

- You will see that the new Sidebar has been created.
- Next we go to Appearance -> Widgets. Add whatever widgets you like to your new sidebar.

- Go to your post or page that you want to have the new sidebar and select it. Save the post.

- Now go to your website and watch the magic happens.

### Post formats

Post Formats was introduced with Version 3.1. A Post Format is a piece of meta information that is used to customize presentation of a post.

Sweetdate supports 9 different formats.

Standard format - is the default blog entry and looks like this:

Aside Format enabled will make your Post look like this:

Audio Format enabled will make your Post look like this:

Gallery Format enabled will make your Post look like this:

Image Format enabled will make your Post look like this:

Quote Format enabled will make your Post look like this:

Status Format enabled will make your Post look like this:

Link Format enabled will make your Post look like this:

Video Format enabled will make your Post look like this:

### Testimonials

Testimonials can be added just like a normal post. You can add testimonials from WP Admin -> Testimonials.

You can display testimonials with Testimonials Widget. Go to section WIDGETS AND SIDEBAR in this document.

### Theme Translation

The theme is translation ready and fully supports WPML for managing a multilangual website.

You can translate it to any language or even set multiple languages.

You can find out more about how to translate WordPress into your language here http://codex.wordpress.org/Translating_WordPress

Our .PO file is located in languges/ folder inside the theme's folder.

### Contact Page

We have created a Contact page Template to use for your Contact Page. To enable it just select it from templates: "Contact Page Template".

This template includes a Google Map at top. To enable it enter your GPS coordinates in WP Aadmin -> Sweetdate -> Contact info & Social.

Sweetdate is ready for Contact Form 7.

If you want to quickly build your contact page, install the plugin form the following address: http://wordpress.org/extend/plugins/contact-form-7/

After you have successfully installed the plugin go to WP Admin -> Contact.

Edit contact details and fields.

Copy the shorcode for the form(example: [contact-form-7 id="91" title="Contact form 1"]) to your contact page:

### Memberships

Since V.2.0 we added the option to add Memberships using a modified version of awesome PMPRO plugin: http://www.paidmembershipspro.com

Before you get started… be sure to spend some time thinking about what membership levels you want for your site. It’s easiest to set up Paid Memberships Pro when you have this very clear ahead of time.

- What will members have access to?
- How much are you going to charge?

For this tutorial, I’m going to do a simple $10/month membership, which will give users access to the “Members Only” category on my blog.

You should also have your payment gateway account created already and have your API keys or gateway username and password handy.

Go to paidmembershipspro.com/gateway/ to learn more about which payment gateways integrate with Paid Memberships Pro and to find links to sign up for them.

#### Step 1. Add a New Membership Level

On the dashboard, go to Memberships and select Membership Levels.

1. Name: The name of your Membership level (public)
2. Description: Optional content shown on the checkout page.
3. Confirmation Message: Optional content shown on the checkout confirmation page.
4. Billing Details: For my $10/month plan, I set:
   - Initial Payment (This is what is charged at checkout. E.g. $10.)
   - Recurring
   - $10 per 1 Month
   - No payment limit
   - No trial
   - No expiration
5. Content Settings: If you have any Categories that should be locked down for members, you can check them off at the bottom of the edit level page. This means that any post in a restricted/Members-Only category will be locked down for members of this level.
6. Save Level

Important: At least one membership level must be open to signups (“Allow Signups” = Yes) or your customers will be redirected to your membership levels page when they try to register or checkout.

#### Step 2. Setting up PMPro Pages

The next Step is to set up some pages that Paid Memberships Pro needs to get the job done.

1. Click the Pages Tab. (From the dashboard, go to Memberships and select Page Settings)
2. Paid Memberships Pro can Generate these pages for you: Click the link that says “let us generate them for you”.

This step sets the WordPress pages assigned to each required Paid Memberships Pro page. For better looks you can edit each page and set it to use the Full-width Page template

Here you have our styled Memberhip Levels page if you want to show fancy details around the pricing table. To look good, make sure to center the text by checking "Centered text" from the edit page in the "Display settings" tab.
Make sure to paste the code in the Text editor, not Visual tab

    In just a few simple steps, you’re ready to start meeting singles just like you. Pick the plan that best suits you.

    [pmpro_levels]

    [kleo_h4] Frequently Asked Questions [/kleo_h4]

    [kleo_row]
    [kleo_one_third]
    [kleo_h6] Your first question [/kleo_h6]

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    [kleo_h6] Your second question [/kleo_h6]

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    [kleo_h6] Your third question [/kleo_h6]

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    [/kleo_one_third]

    [kleo_one_third]
    [kleo_h6] Your fourth question [/kleo_h6]

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    [kleo_h6] Your fifth question [/kleo_h6]

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    [kleo_h6] Your sixth question [/kleo_h6]

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    [/kleo_one_third]

    [kleo_one_third]
    [kleo_h6] Your seventh question [/kleo_h6]

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    [kleo_h6] Your eighth question [/kleo_h6]

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    [kleo_h6] Your ninth question [/kleo_h6]

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    [/kleo_one_third]

    [/kleo_row]
    Still have Questions? Call us anytime at 1-800-345-6789

#### Step 3. Payment Gateway & SSL Settings

1. Click the Payment Gateway & SSL Tab. (From the dashboard, go to Memberships and select Payment Settings)
2. Payment Gateway: Click the drop-down and select one of the payment options available. In the tutorial, we’ve chosen Stripe, which is free and quick to setup. Make sure to setup your account before you do this step.
3. Gateway Environment: Choose the test or live gateway. For the tutorial, we’ve selected Sandbox/Testing, but typically you want to set this to “Live”.
4. Complete the fields for your chosen Gateway: For Stripe, enter your Stripe secret key and publishable key. Other payment methods with have different processes.
5. Sales Tax: For this example, we are not charging Sales Tax. Always check with your accountant or your state tax office to see if tax is required and the tax rate for your memberships.
6. SSL: An SSL certificate can be purchased and setup by your website hosting provider. If you are unsure, GoDaddy is a good SSL provider where you can get a cheap SSL to use no matter where your site is used. Learn more about setting up your SSL here.
7. SSL Seal Code: If you have an SSL Seal Code paste it in the box here. (Note: the “seal code” is a bit of javascript or HTML verifying your site’s security to your visitors and typically links to your SSL provider for verification.) This is different from the “SSL Certificate”, which is the private key certificate that must be installed by your web host.
8. HTTPS Nuclear Option: If you have SSL Errors on your check out page, checking the HTTPS Nuclear Option will often fix them.
9. Note: You may see additional fields below, such as a webhook or a service url you might need to reference for your gateway.
10. Save Settings

#### Step 4. Email Settings

1. Click the Email Tab. (From the dashboard, go to Memberships and select Email Settings)
2. From Email and From Name: Use these fields to change the email address and name used WordPress sends email communications to your members.
3. Send the site admin emails: Keep all boxes checked so you receive email confirmations about membership activity on your site.
4. Save Settings

### Step 5. Advanced Restriction Settings.

1. Go to Sweetdate - Memberships.
2. Here you can:
   - Set up your restrictions for Buddypress components.
   - Change the message shown when logged out or non-member tries to access membership-only content.
   - Change the message shown when logged out or non-member tries to access membership-only content.
   - Change the message shown for membership-only content in your site’s RSS feed.
   - Show or hide excerpts to logged out or non-members. It’s a good idea to show excerpts on member pages since it entices new members to sign up and keep reading!
3. Save Settings

### Step 6. You’re Done – Now go test it!

After you have successfully set up the plugin, try the experience from start to finish from your user’s perspective.

1. Navigate to a members-only piece of content, try a blog post in a locked-down category.
2. Click on the register link.
3. From the Membership Levels page, select a level to checkout.
4. After successful checkout, return to your members-only piece of content and enjoy!

### Revolution Slider

We have created some demo sliders so you have a starting point. You can see the sliders in action at our demo site: http://seventhqueen.com/demo/sweetdatewp
To import the slider:
- Go to Wordpress Admin -> Revolution Slider -> Import Slider.
- Browse to the Demo content folder, located in the package downloaded, and go to revolution_slider.
- Choose one of the files and click Import Slider
You can add revolution slider:
- to Homepage from Sweetdate -> Homepage
- to post/page header section from the page edit -> General settings -> Header settings
- to post/page content using the displayed shortcode
We also included the custom slider bullets and arrows in folder revslider_assets. If you want to use them you have to replace the default ones located in wp-content/plugins/revslider/rs-plugin/assets/
Please see full Revolution Slider documentation http://themepunch.com/codecanyon/revolution_wp/documentation/

### Extended features

We are constantly adding support for different plugins so you can easily extend Sweetdate.

Supported plugins:

Simple Ads Manager - is easy to use plugin providing a flexible logic of displaying advertisements.

Features

- Flexible logic of advertisements rotation based on defined weight of each advertisement in group (Ads Place)
- Custom default ad for each Ads Place
- Codes of Google DoubleClick for Publishers (DFP) supports
- More flexibility of displaying ads by using Ads Zone selector
- Allowed types of ad's codes are HTML, javascript, PHP
- Outputting ads as widget
- Outputting ads as shortcodes in any place of single post/page content
- Outputting ads in any place of theme template using functions
- Customizable outputting ads as block of ads
- Automatic outputting ads in single post/page if allowed
- and many more

Download and details link: http://wordpress.org/plugins/simple-ads-manager/

rtMedia - formerly known as Buddypress Media bring exciting media features to your Wordpress site

Features

- Display media on WordPress author pages (eg:http://example.com/author/admin/media/)
- Media Attachment for WordPress comments on posts/pages (coming soon)

BuddyPress Integration

- Adds media tab to BuddyPress Profiles and Groups.
- Attach media to activity status updates.
- Create activity on uploads and sync comments on them with WordPress comments.
- Works even if BuddyPress activity is disabled.

bbPress Integration

- bbPress profile integration
- Attachment support for topics and replies (coming soon)

Albums

- Albums are used to organise media. Since rtMedia 3.0, you can create albums even if BuddyPress is not present.
- Apart from creation of albums, moving media between albums and merging albums is also supported.
- Global albums can be used to define preset albums. "Wall Posts" is an example of global album.
- Option to disable albums (just in case you don't like them!)

Download and details link: http://wordpress.org/plugins/buddypress-media/

### HTML Structure

We have build this landing page on top of Zurb Foundation Framework. You can take a look here http://foundation.zurb.com/old-docs/f3/components.php and see it's awesome features in action.

The grid is built around two key elements: rows and columns. Rows create a max-width and contain the columns; columns create the actual structure. For layouts to work properly, always put your page content inside a row and a column.

A basic layout of the grids look like:

You can also view an online example of how the grid system works http://foundation.zurb.com/old-docs/f3/grid.php

### CSS Files and Structure

We're using several CSS files in this theme:
- assets/styles/foundation-nonresponsive.css - these are generic styles, resets & normalization.

- assets/styles/responsive.css - styles only for responsive design
- assets/styles/font-awesome.min.css - Font Awesome by Dave Gandy is "the iconic font" and has a great numaber of icons, 249 at this moment and are continuously growing. Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
- assets/styles/app.css - file contains all of the specific styling for the landing page template. Each section of this file is commented for better understanding.

RESPONSIVE

Responsive means that the content will adjust to every screen width and you can control how appearance will be through media queries.

You can find the responsive media queries in app.css at the end of the stylesheets.

### Javascript Files

This template imports several JS files.

Most of JS (scripts) are loaded at the end because it will increase speed and rendering.

The JS files in this template are:

1. jQuery Library
2. Modernizr Foundation
3. Template custom scripts - assets/scripts/app.js - All custom functions are written and initialized in this JS file. Each section of this file is commented for better understanding.
4. Other JS plugins (check them out in the Source & Credits section)

### PSD Files

All PSD source files are located in PSD folder

1. logo.psd - Logo for themplate
2. layout_homepage.psd - Homepage
3. layout_profilepage - Profile page
4. modal_forms - Login/Register modal forms
5. patterns - Patterns isolated from layout.psd
6. status_icons - Icons for "Call To Actions" section
7. btnGoUp - Button "Go to top"

### SOURCE & CREDITS

- Several images are from http://www.istockphoto.com, http://www.dreamstime.com
- Big header image is from 123rf.com
- Icons - Font Awesome
- Big status icons are self created.
- Subtle Patterns - http://subtlepatterns.com
- BP-Album - https://github.com/BP-Media/bp-album

All photos used in preview are not included in the template.

SCRIPTS:

- Foundation Framework
- CarouFredSel
- PrettyPhoto
- QuoVolver
- Knob
- Retina.js
- MediaElement.js

### THANK YOU!

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.