Cheers for your purchase and thanks for choosing Pheromone for your next project! If you have any questions that are beyond the scope of this help file, please contact ForBetterWeb.com directly through the contact form on our profile page at Themeforest here.
Pheromone is a flexible theme with minimalistic and universal design. The theme also includes a variety of powerful jQuery plugins.
The following plugins are used in the Pheromone theme. For more detailed usage instructions for each plugin, please visit the plugin website using the links provided below.
A jQuery valdiation plugin for Bootstrap forms.
Plugin Website
HTML5 Placeholder jQuery Plugin for contact form
Plugin Website
The premium icon font
Plugin Website
The iconic font and CSS toolkit
Plugin Website
jQuery component to build custom Youtube® player or to use a Youtube® video as background.
Plugin Website
A light weight jQuery plugin that will allow to add rotating text to website
Plugin Website
VEGAS is a jQuery plugin which adds beautiful animated background slideshows to your page body or any of its elements. It works on IE9+, Safari, Firefox and Chrome.
Plugin Website
Device.js makes it easy to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS, MeeGo, AppleTV, etc), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).
Plugin Website
A simple and html agnostic date countdown plugin for jQuery
Plugin Website
Fast and simple Twitter plugin
Plugin Website
A jQuery plugin for reveal animations when you scroll.
Plugin Website
A CSS plugin for CSS animations.
Plugin Website
Smooth scrolling with the mouse wheel and keyboard buttons.
Plugin Website
Pheromone includes jQuery plugin which adds beautiful animated background slideshows to your page body or any of its elements. It works on IE9+, Safari, Firefox and Chrome.
Apply Slide Show to body
or any element.
$('#example, body').vegas({
slides: [
{ src: '/img/slide1.jpg' },
{ src: '/img/slide2.jpg' },
{ src: '/img/slide3.jpg' },
{ src: '/img/slide4.jpg' }
]
});
Read the Settings page for more information.
Cover includes a working contact form. In order to activate the form, follow these directions:
mail/contact_me.php
file.$to = '[email protected]'; // *REPLACE WITH THE EMAIL ADDRESS YOU WANT THE FORM TO SEND MAIL TO*
$headers = "From: [email protected]\n"; // *REPLACE WITH THE EMAIL ADDRESS YOU WANT THE MESSAGE TO BE FROM*
. Typically, an email address like [email protected] will work here.If you want to add fields to the contact form, you will need to edit the mail/contact_me.php
file as well as the js/form.min.js
file. Requires basic working knowledge of PHP and JavaScript.
If you have followed the instructions above, and uploaded your website to a live server and the form is still not working then it is likely that your web host is blocking the form from sending messages. In order to troubleshoot form functionality after it's been uploaded it is best to contact your server administrator or web host to see if there are permissions or security features preventing the form from sending, or if the version of PHP on your web server is not compatible with the form scripts.
Pheromone now comes with a call to action box that has a built-in MailChimp signup form. All you need to do in order to activate this feature is include your MailChimp form action within the template! Below are the steps on how to do this.
<form action="...">
. Copy the contents of the form action that is between the quotations, and drop the form action URL into the Pheromone template you're using!If you aren't using MailChimp you can still use the signup form HTML. Just delete references to the MailChimp scripts and use the remaining HTML as a template for your different signup method!
To retrive the video from YouTube you can use any of the following string:
videoURL: ‘https://www.youtube.com/watch?v=V2rifmjZuKQ’
.videoURL: ‘http://youtu.be/V2rifmjZuKQ’
.videoURL: ‘V2rifmjZuKQ’
.
Put every rotating words inside the <span class="rotate"></span>
and separate it with a comma and the script will automatically cycle through each words in order.
Super <span class="rotate">Simple, Light Weight, Easy</span> Text Rotator
Read the Settings page for more information.
Time and date setting: js/jquery.countdown.js
countdown('2016/05/22 10:00:00')
Read the Settings page for more information.
Setting: js/pheromone.js
$('#tweecool').tweecool({
username : 'Your-username',
action_reply_icon: '',
action_retweet_icon: '',
action_favorite_icon: ''
Custom Google Map Skin, Address and PNG map marker (map-marker.png) setting: js/map.js
// The latitude and longitude to center the map (always required)
center: new google.maps.LatLng(40.722330, -73.992905), // You Address Here
// Custom Map Marker Icon - Customize the map-marker.png file to customize your icon
var image = 'img/misc/map-marker.png';
As a one page theme, the smooth page scrolling feature is a great way to let your users navigation your content while being contsantly aware of where they are on the page. In order to use the page scroll content, you need a few things. You need a link that you want users to click on to bring them to a section, a unique ID set for the section you want to navigation to, and the #you-section-id
id added to the link itself.
Here is an example of what a link needs in order to scroll to a section:
<a href="#you-section-id">Link Text</a>