To make a dropdown from scratch it is not that hard but you have to take care of a few things like check it on all devices (tablets and mobile device) and you have to be careful at overlapping issues. Anyway I used first time drop down menu from bootstrap library few weeks ago and… Continue reading jQuery Dropdown – Easy Drop Down Menu Implementation Bootstrap
It’s not that hard to implement a simple jquery ajax call in your wordpress to get a post by its id for instance. In the following we will make this functionality from scratch, to implement this we will need to create a new file in our theme root folder: ajax.php, then, in this file we… Continue reading jQuery AJAX Call – How To Implement WordPress Ajax For Blog Posts
Sometimes you need to detect add to cart action in woocommerce. Once the customer has added any product in cart we will be able to notice him, or we can fire any event we need. For this action you need to have Ajax option “Enable AJAX add to cart buttons on archives” enabled. You can… Continue reading Detect Add To Cart Action – Woocommerce Add To Cart
This is part 2 from our tutorial about how to implement a new news pages in wordpress from scratch. In this part we only make the css style for item posts, and add a more details button to the post. You will see in the following code. A little below we have the video of… Continue reading How To Implement News Page In WordPress From Scratch – WordPress Tutorial Part 2
In this Tutorial I will show you how to add a new wordpress page to your website. You will see, we will implement this page with few lines of code and everything will work as expected. The HTML and PHP code are here: <?php /* * Template Name: News */ ?> <?php get_header();?> <section id=”breaking_news”… Continue reading How To Implement A News Page In WordPress From Scratch – Part 1
In this example we will use slick slider because is fully responsive and is very customizable you can move arrows/dots when you need with built in functionality, or you can create your own html for arrows and so on. Basically all you need to initialize the slick slider is the following line of code jQuery(element).slick();… Continue reading jQuery Slider – How to implement a jQuery Slider
Even if you make a website with ajax or you have to add a string in the url when you activate a tab by javascript, you need to do this manually. One method would be hashtag, to add a hastag to url you have to use the following line of javascript: window.location.hash = ‘tutorial’; If… Continue reading Change URL without refresh jquery – history.pushState
Nowadays more and more peoples browses the internet on mobile phones so we have to create the perfect environment and few some nice aniations will increase the change for that visitor to come back to your website. To achieve the effect that I am talking about we will use html, css and jquery toggle. We… Continue reading Animated Drop Down Menu CSS3 Transitions
There are many reasons why you should use icons font insted of images. The most used method for icons is font awesome. Another alternative would be ico moon but for this you have to pay. Even if is costly icomoon offers you nice features, it has tool which you can convert your svg into font,… Continue reading Font Awesome Icons – How to use font awesome
Nowadays there is no website if it is not responsive. Among the first things you have to do is to make a responsive menu for your website. On desktop you can let the menu as a list, but on the smaller devices you can’t do this because you do not have that much space, so… Continue reading Hamburger menu CSS and jQuery – Drop Down Menu