How to create custom slider using simple Jquery and CSS ?

Blog, HTML5, News
First we will create a section of slider content where we will put the content of slider. Slider heading and content will change on mouser hover. Also we can change slider content using hover functionality or click functionality only need to do simple change like only need to change hover text to click text. In the below code of slider. There are three li label(2012, 2000 and 1999). When user will hover on these label of li then the content of related these li label will automatically change on hover effect. We have three tab panel and we have content in panel according to li labels. Like if you want to change the content of 2012 then change the inner content of li's id "ert_pane1-0" so this is the same…
Read More
Add a size chart to product pages

Add a size chart to product pages

Blog, News, Shopify
Some wearable items like shirts, jeans, shoes etc. are available in different sizes according to consumer's requirements. Showing a size chart on related products is a plus point for website owner and customer as well. Now we would like to describe you steps through which you can add size chart option on product page. First we will create a size chart page with using below steps: Login in your Shopify admin panelGo to Online Store > Pages.Click Add page.Add page title "Size Chart"On this page, you can add either a table or an image with the size chart you want to use.Set Visibility as "Visible".Click on "Save" button to save this page. Now we will show the steps to add this size chart to your theme's product page: In Shopify…
Read More
How to create WordPress Multilingual Blog?

How to create WordPress Multilingual Blog?

Blog, News, Plugins, WordPress, wordpress plugins
By default Wordpress doesn't support a multilingual blog but there are many plugins has been developed by the WordPress community which can give you facility to create a multilingual blog easily. We can setup multi-site using single plugin for each language. You will be able to easily translate your WordPress posts, pages, tags, categories, and themes into as many languages as you want. We can follow common methods by WordPress multilingual site owners. The first method allows you to translate manually all the content in your chosen languages. The second method does not actually create a multilingual site, but instead it adds machine translations of your existing content by using the Google Translate service. There are various plugin to convert site in multi language. 1) https://wordpress.org/plugins/multilanguage/ 2) https://wordpress.org/plugins/loco-translate/ 3) https://wpml.org/…
Read More
How to add Google Analytics on Shopify Store?

How to add Google Analytics on Shopify Store?

News, Shopify, WordPress
Google Analytics is an easy and free web analytics service which help to track and analyze visitors on your website and provide detailed statistics about the traffic and sources of traffic for a website. Here we would like to show you steps to use Google Analytics for your Shopify website. Please login in your Shopify admin panel, go to online store which you can find on left sidebar Step #1 : Please login in your Shopify admin panel, go to online store which you can find on left sidebar Step#2 : Click on Preferences under online store Step#3 : On right side, you will see option to enter Google Analytics code Step#4 : Paste yours google analytics code in text-area and press Save button. You will see this section like…
Read More
GraphQL Admin API

GraphQL Admin API

News, Shopify
The GraphQL Admin API lets you build apps and other integrations for the Shopify admin using GraphQL. With the API, you can create apps that offer functionality at every stage of a store’s operation, including shipping, fulfillment and product management. Few Quick Starting Points: An endpoint of GraphQL https://my-store-name.myshopify.com/admin/api/graphql How to get Access Token? Login to your Shopify store and create a Private app in apps section and allow this new app to access your storefront data using the Storefront API. How to test API GraphQL endpoint? Test GraphQL by using the GraphiQL app and be sure that it works well for every aspect. How to use JavaScript with Storefront API GraphQL? There are many methods by which you can use GraphQL in shopify, and from those one is using…
Read More
Facebook will shutdown Parse in 2017

Facebook will shutdown Parse in 2017

Free, Mobile Apps, News
Parse announced on Thursday that it will be gradually shut down completely on January 28th, 2017. Parse acquired by Facebook in 2013, it's a toolkit and support system for mobile developers.Parse is the one of the leading mobile backend as a service (MBaaS) offerings, now announced that they would be closing their doors. Parse co-founder and head Kevin Lacker wrote: "We're proud that we've been able to help so many of you build great mobile apps, but we need to focus our resources elsewhere." Developers will have a year to move their apps off of Parse's server, and can download a version of Parse's software to run on Node.js server. Also it will be problematic now because hundreds of thousands of iOS apps will stop working in a year because…
Read More
PHP 7: An quick overview

PHP 7: An quick overview

News, PHP Scripts
PHP 7.0.0 was released on December 3rd, 2015. The community quickly produced several builds which make it easy to install this new version using your system’s package manager.Now You can download the source code here php-7.0.0 The PHP 7 release brought some much-desired changes and improvements to the most popular programming language of the Web. This is the most important change for PHP since the release of PHP 5, bringing performance improvements, drastically reduced memory consumption, and a host of brand-new language features to make your apps soar. Scalar Type Declarations Return Type Declarations Anonymous Classes The Closure::call() method Generator delegation Generator return expressions Null Coalesce Operator Combined Comparison (Spaceship) Operator Throwables Level support for the dirname() function The Integer division function Uniform variable syntax Deprecated functionality which will be…
Read More
Best Cross Browser Testing Tools

Best Cross Browser Testing Tools

CSS3, HTML5, News, WordPress
Testing multiple browsers on multiple platforms isn't just difficult, it can be virtually impossible without the correct resources. Cross Browser Testing can be the biggest pain for Website Developers. But there are some cross browser testing tools available online which help to minimize testing efforts.These tools let you comprehensively test your websites, and check if it successfully displays across various browsers, platforms and resolutions. That way, your users will receive a positive, user-friendly experience no matter what their setups are. There are free and paid cross browser testing tools available so You need to select the browser compatibility tool depending on your needs. If cross browser testing is critical part of your web project then you must allocate considerable time, resources and budget testing your website on different web browsers.…
Read More
How to add Responsive AdSense Ads?

How to add Responsive AdSense Ads?

HTML5, News
Google has introduced a new Responsive Design of Adsense which means that now a user can add Google ads of different dimensions corresponding to the viewport size (screen resolution) of the visitor’s device. For instance, if a visitor is reading your web page on desktop, you can choose to serve the large 728×90 (leaderboard) unit but if another visitor is viewing the same web page on a mobile phone, you can display the smaller 468×60 ad unit. The AdSense code detects the size of the visitor’s screen and serves the appropriate ad unit that will best fit the available space. You can serve responsive Google AdSense ads in both synchronous as well as asynchronous method. The asynchronous method is a more efficient and recommended method as the JavaScript ad code…
Read More