Adding the Front Page 1 widget area on every page except for landing pages. Follow the step by step procedure at below: Step 1 Open your functions.php file and add the following scripts at bottom. If you need any help, feel free contact me via contact page.
Add full width background image at home top featured widget area of Centric Pro Theme
Replacing the solid background color with image at home top featured widget area of Centric Pro theme. Uploading this background image via WordPress Theme Customizer. Also you can add backstretch effect if you want. Here is the setp-by-step instruction at below: Step 1 If you need help, you will reach me via contact page.
Filtering the posts by categories without page refresh
For this functionality I implemented the shortcode. So you can add it in your page/post or widgetized page. Click here to see the live preview of this functionality. Checkout the step-by-step instruction at below: Step 1 Initializing the [filter_by_category] shortcode by “init” hook. This hook is calling after WordPress has finished loading but before any… Keep Reading about Filtering the posts by categories without page refresh
Listing All Categories in Grid
Displaying all categories of a site in grid style. So this functionality will be good fit for food or photography site. I did following things: Add/Edit featured image thumbnail option for category Create a category template file. Step 1 Adding a image upload option in category’s add/edit form. So user can upload the specific thumbnail… Keep Reading about Listing All Categories in Grid
Adding a custom logo from customizer in genesis primary navigation bar
I used Genesis Sample for this tutorial. This functionality will be very useful if you are implementing the sticky effect in primary menu bar. I did following things Adding custom logo upload option in theme customizer Adding this logo in primary menu bar Step 1 Register logo upload settings and controls with the Customizer. If… Keep Reading about Adding a custom logo from customizer in genesis primary navigation bar
Adding 2 columns blog posts to static home page of Minimum Pro Theme
Step 1 First creating a static home page. Login to Dashboard and create a page from Pages -> Add New page. Now navigate to Settings -> Reading page and setup the static front page like attached screenshot. Step 2 Now we need some custom PHP scripts for proper functionality. Open the functions.php file of minimum-pro… Keep Reading about Adding 2 columns blog posts to static home page of Minimum Pro Theme
Adding Carousel Effect in Foodie Pro Featured Posts Widget
In this article I am showing how to add the carousel effect in foodie pro features posts widget. Minimum requirement is Genesis Framework and Foodie Pro child theme. Step 1: Click on “Download Now” button and download the zip file. File is containing the CSS and JAVASCRIPT files. Extract the zip file on your local… Keep Reading about Adding Carousel Effect in Foodie Pro Featured Posts Widget
Adding owl carousel effect at related products section on single product page
Checkout the video for live preview. I am using the OWL Carousel jQuery library for carousel effect. Follow the steps at below: Step 1: Click on “Download Now” button and download the zip file. File is containing the CSS and JAVASCRIPT files. Extract the zip file on your local machine and move the “owl-carousel” folder… Keep Reading about Adding owl carousel effect at related products section on single product page
How do you display more than 4 related products on products view page
There have a filter “woocommerce_related_products_args” in woocommerce/templates/single-product/related.php file. I targeted this filter and modify the defaults related products arguments. Just drop the following code in your child theme’s functions.php file:
Creating a Full Width 3 Columns Layout for Blog Page
In this article I am explaining the codes in details way. So you can easily create a grid layout for your posts listing page on your site. Step 1: Creating a new template file “page_fw_3cols_blog.php”, adding some custom PHP codes and putting the file in child theme’s folder. Here is the complete code of this… Keep Reading about Creating a Full Width 3 Columns Layout for Blog Page
