WooCommerce Plugin

Sticky

Woocommerce Customer History Tracker

Woocommerce Customer History Tracker - CodeCanyon Item for Sale

Demo

Advertisements

Free Html5 Coming Soon Templates

Sticky

UX – Free Responsive Coming Soon Countdown Template


UX responsive coming soon countdown page is a clean, elegant, responsive, animated countdown coming soon page template.
UX is prudently designed and coded for an under construction or coming soon website.
Demo

New Year – Responsive Melody HTML Template


New Year – Responsive Melody HTML Template is a clean, elegant, responsive, countdown with melody coming soon page template.
New Year – Responsive Melody HTML Template is prudently designed and coded for an under construction or coming soon website.
Demo

Kite

Free Responsive Coming Soon HTML5 Template

Kite Coming Soon Template is w3c code validated and carefully designed with attension to the perspective details. This template will attracts visitors very much. Fully…

Demo

Asa – Responsive Coming Soon Template

Asa is a creative, modern, minimal and fully responsive coming soon/under construction template suitable for any creative business agency.

Demo

Coming Soon Template PSD


Creative coming soon template (PSD) for under construction websites.

Demo

Sunrise – Coming Soon Page

Sunrise is a responsive fullscreen coming soon page which is simple, beautiful and perfectly fits for an upcoming site or mobile app.

Demo

Freelancer Orientation exam answer 100% correct pass must

Sticky

Click here to know all answers from my new blog :

afrussel.com/2012/12/16/freelancer-orientation-exam-answer-100-correct-pass-must/

Href using JS

Standard

<!–Html–>
<div class=”bottom-content js-footer-learn-more”>
Content
</div>

<!–JS–>
$(‘.js-footer-learn-more’).click(function(){
var url = $(this).data(‘url’);
window.location = url;
});

<!–CSS–>
.bottom-content {
cursor: pointer;
}

 

 

New rule of JS  (Uisng function)

$(document).ready(function(){
var core = new SITE_CORE();
core.footerBannerClick();
});

SITE_CORE.prototype.footerBannerClick = function(){
$(‘.js-footer-learn-more’).click(function(){
var url = $(this).data(‘url’);
window.location = url;
});
};

 

Adding css and js in wp header and footer

Standard

In old version we can use “, still it is working but best way for theme development given bellow (specially for wordpress 4.8) :

Inside functions.php

<?php

/*<link rel="stylesheet" href="/css/path”>*/ // – another way to write css

// load css into the website’s front-end
function my_function_name() {

// Adding css
wp_register_style( ‘bootstrap’, get_template_directory_uri().
‘/css/bootstrap.min.css’, array(), ‘3.1.0’, ‘all’);

wp_register_style( ‘fancybox’, get_template_directory_uri().
‘/css/fancybox/jquery.fancybox.css’, array(), ‘3.1.0’, ‘all’);

wp_register_style( ‘flexslider’, get_template_directory_uri().
‘/css/flexslider.css’, array(), ‘3.1.0’, ‘all’);

wp_register_style( ‘style’, get_template_directory_uri().
‘/css/style.css’, array(), ‘1.0’, ‘all’);

wp_register_style( ‘skin’, get_template_directory_uri().
‘/skins/default.css’, array(), ‘1.0’, ‘all’);

wp_enqueue_style(‘bootstrap’);
wp_enqueue_style(‘fancybox’);
wp_enqueue_style(‘flexslider’);
wp_enqueue_style(‘style’);
wp_enqueue_style(‘skin’);

// Adding js
wp_enqueue_script(‘jquery’); // Adding default js

wp_enqueue_script(‘easing’, get_template_directory_uri().
‘/js/jquery.easing.1.3.js’, array(‘jquery’), ‘1.0’, true );
wp_enqueue_script(‘bootstrap-js’, get_template_directory_uri().
‘/js/bootstrap.min.js’, array(‘jquery’), ‘1.0’, true );

}
add_action( ‘wp_enqueue_scripts’, ‘my_function_name’ );

?>