Adding products into the store is an interesting thing were we can add products by giving the description , images and many other things. Lets take a look at some terms related to products. Product categories and tags work in much the same way as normal categories and tags you have when writing posts in… Continue reading Adding products into the WooCommerce store:
Author: Akhil Johny
How to show only the required number of repeater fields contents in a ACF plugin(WordPress)
Making use of Advanced Custom fields in WordPress is very familiar for us. This helps the user to add contents dynamically through the back end of a WordPress website with out the help of any coding experiences. The ACF Repeater field is one of many ACF field types and is known as a complex field, mainly… Continue reading How to show only the required number of repeater fields contents in a ACF plugin(WordPress)
How to solve “Error: MySQL shutdown unexpectedly”? (XAMPP issue)
The issue happens for me while I started to open MySQL in XAMP and it is opening but suddenly shuting down . The problem might not be related to wordpress but the files in the xampp folder. Re arranging the files make the database disappear so I have to start implement this from scratch.I don’t… Continue reading How to solve “Error: MySQL shutdown unexpectedly”? (XAMPP issue)
Advantages of WooCommerce Compared to other shop systems available on the market.
WooCommerce is the leading and free eCommerce shop system for the WordPress universe. With a single click, this plugin turns your WordPress blog into a fully equipped online shop. WooCommerce stands out above all through its simplicity and versatility. Compared to other shop systems available on the market, WooCommerce has the following advantages: A high scalability and… Continue reading Advantages of WooCommerce Compared to other shop systems available on the market.
Difference between “+” and “~” in css.
You may have noticed that while we are using CSS in our html , we use “+” and “~” symbols to select another div on hovering on a particular div. The reason why we are using them is because on hovering over one div we have to change or hover contents over another div. But… Continue reading Difference between “+” and “~” in css.
Add animation to a html content in JavaScript
Some times situation may arise where we have to add animation to HTML contents using JavaScript. One situation is that if we have to change the display property of content to block and none ,we have to write script to it. What we will do if we need to add an animation while having change… Continue reading Add animation to a html content in JavaScript
Change the display block : none to block and vice versa.
While designing a web page especially the header it is important to know to change the content to none to block and vice versa by using Java Script. It will be very helpful when we develop a responsive NavBar. The java script code used for this is as follows:- function toggleFunction() { … Continue reading Change the display block : none to block and vice versa.
Add SVG images to the WordPress Media
WordPress support a number of image file types including .jpg, .jpeg, .png, and .gif . But it does not support SVG file format images to upload into the WordPress media by default . So what if we need to upload the SVG images into the WordPress. For this what we have to do is to add a PHP… Continue reading Add SVG images to the WordPress Media
Change the color of the Png image to black in hover.
The color of the image that is inside a parent div can be changed into black using some CSS codes. The icon images has to change to black while hovering on the parent div. So we have to call the total div in CSS and make it hover Then call the div along with the… Continue reading Change the color of the Png image to black in hover.
Project the image gallery to front(150%) without using extra images(while making responsive)
While we are making a site responsive, we can make too many alterations especially while making image gallery responsive. My requirement was to make each of the image project 150% to the front in small devices. One image should occupy the entire row and next image after the other. The cod used here to change… Continue reading Project the image gallery to front(150%) without using extra images(while making responsive)