Deliver high-quality shopper experience with Shopify Development Services

Posted on by ioadmin

This pandemic has shaken everyone in this entire world whether they are Top, mid, or low business entrepreneurs including the consumer psyche. Making business again the long-term success is too much difficult. At this time, IOGOOS Solution come out with many marketing strategies that boost and enhance revenue with low investment. It is in many forms: If your business is in an infancy stage, website designing services work. If it is an eCommerce business, then Shopify Development Company helps you to expand your store in an online world. In addition to this, if the business is already in peak stage but unable to reach customers, in that case consulting a professional Search Engine Optimisation Agency for getting the best affordable SEO Services works best.

We believe to work in ever-evolving techniques with high financial performance. Living in the 21st Century and working with traditional approaches is no longer enough. To maintain and sustain the dignity of your brand in the market must extend beyond traditional focus so that it works in this dynamic environment. It is best to go for Shopify Development Services for eCommerce acceleration to expand your business to the core.

Creating, enhancing, and maintaining an eCommerce website is not at all easy. Best Shopify Development Company in USA plays a major role in your business success. Hire an expert and professional Shopify Developer that can develop, upload catchy, make it user-friendly, give clear product details like FAQs, navigation tools, contact us, etc. Product range, data size, and online product listing are a few challenges faced by business owners. Being the best Shopify Development Company, IOGOOS Solution believes in and gives assurance to tackle all challenges.

Shopify Development Services

With the high demand for Online Shopping, providing the best customer experience on your business product is a sign of a boost. Shopify Developer in India helps you out in managing eCommerce management with ease. It is fact that your business product is not only the one which is in the market. Customers are more focused on easy navigational sites, with the best offer, pricing, quality, promo codes, vouchers, coupons, etc. Consumers nowadays trust online reviews, ratings, and real product purchased images. These are only the points that can make your business stand out from the crowd.

Professional Shopify Development Agency analyzes and captures the market easily. But it is hard to find an expert Shopify Developer in this competitive world. Always go for Shopify Company which has expertise in all technologies and CMS, which has also core competencies in SEO. Getting Best and Affordable SEO Services in India helps in climbing up in search engines by analyzing demographic and target location. This is a bonus if you approach IOGOOS Services.

Over 15 years of experience in Website Designing Services, IOGOOS Solution is responsible for business growth and new customer approach through updated marketing techniques….

Google Juice: Hard To Get But Tasty To Drink! Part-1

Posted on by ioadmin

What is Google juice anyway?

If you’ve been blogging for a while I am pretty sure you are not new to this term. For everyone else, I’ll take a few words to explain what it is and how to get it to save you valuable time and several hours of study and research.

In search engine optimization (SEO) terminology, Google Juice is a term that means the unique visitors coming to your website from search engines (primarily Google, because of its domination in the Search Engine market). This is also known as organic traffic which only stops by if your website is optimized for search engines like Google, Yahoo, MSN, etc.

Importance of Google Juice

The more you get, the better it is for you. As per the research done by forrester.com, 80% of Internet users find websites by searching for keywords on popular search engines like Google, Yahoo, MSN Live, Ask, etc. and it’s really important that your web pages are listed in the results. If for a particular search term, pages from your website are listed on the first page of the search results then you are going to have loads of visitors stopping by your website if they are looking for that search term or related stuff.

Pages from your websites stand a chance of getting some visitors even if they are listed on the second or even third page of the search results. Otherwise, you shouldn’t (actually, you can’t!) expect significant traffic coming in from Search Engines unless the person who’s looking for something is patient enough to dig a couple of pages of search results for some search term.

How well are you ranked in Search Engines?

Technically speaking what makes your web presence known is your search engine ranks. Simply put, how well you are known online is determined by the rank your website enjoys in search engines. Page Rank (PR) by Google is one such important metric assigned to websites listed in Google Search Results which webmasters and advertisers often use to judge the quality of a website. The higher it is (on a scale of 10), the better a website is considered, and the higher it is listed in Google Search Engine Results. Obviously, it enjoys more Google Juice than lower-ranked websites.

Get listed in Google within 30 minutes

All those SEO and Make Money Online websites next door will try to show you ways to scale the first page of Search Engine results once you’re listed but what they won’t tell you is how to get listed in Google search results within 30 minutes!

We’ll consider scaling the front page of search results in a later post in the SEO series but right now concentrate on how to get your web pages listed so soon.

This post is the first part of this series (Get Listed in Google within 30 minutes) and will be focused on websites and blogs built with WordPress as CMS. However, a lot of these tips apply to static websites as well. So, let’s start sharing best practices…

WordPress Plugins and SEO

With the popularity of WordPress and the contributions of the WP community, managing websites and implementing SEO has become a lot easier. There are various WordPress plug-ins that are available for SEO purposes but the 2 plug-ins I would like to recommend to you are:

1. Google XML Sitemaps
This plug-in will create a Google sitemap compliant XML-Sitemap of your WordPress blog. It supports all of the WordPress-generated pages as well as custom ones. Every time you edit or create a post, your site map is updated and all major search engines that support the site map protocol, like ASK.com, Google, MSN Search, and YAHOO, are notified about the update.

Once you activate this plug-in go-to plug-in settings and create the sitemap for the first time. You can see the output with this URI: //www.your-domain.com/sitemap.xml. Now we have our sitemap ready so let’s tell Google about it. Type //www.google.com/sitemaps in your browser and log in with your Google ID and Password.

On this website you can submit your sitemap to Google and Google will start indexing your website. This process requires site verification where you need to add a Meta tag or upload an HTML file to your web server. It’s very easy to complete and you can get step-by-step instructions on the Google website.

2. All in One SEO Pack
This plug-in optimizes your WordPress website/blog for Search Engines. It automatically optimizes page titles for search engines and generates META tags. This avoids the typical duplicate content found on WordPress blogs. For WordPress 2.7 (the latest version) you don’t even have to look at the options, it works out of the box. You can override any title and set any META description and any META keywords you want while writing the posts or pages. You can fine-tune almost everything related to search engine optimization. To get the most out of it, do a little keyword research for the content and use the best keywords while writing the posts and pages.

Tomorrow, I will further dig into SEO stuff relating to getting listed in Google within 30 minutes of updating your blog/website. The next thing I’ll talk about is services that your WordPress can automatically ping and notify them about updated content. I’ll also tell you how to fine-tune your link structure (permalinks) as they are not very search engine friendly by default. Stay tuned…

Contact Us

Check Our Portfolio

Google Juice: Update Services and Optimize Link Structure

Posted on by ioadmin

Hello again. So, after reading Part 1 do you still think getting that tasty Google Juice is all that difficult? No, it isn’t. You just need to be right with the basics. After talking about WordPress Plugins to assist you in SEO, today we’re going to talk about how to ping Site Update Services from your WordPress website and about tuning your web site’s link structure (permalinks).

Pinging Site Update Services

As this WordPress Codex page explains,

Update Services are tools you can use to let other people know you’ve updated your blog. WordPress automatically notifies popular Update Services that you’ve updated your blog by sending a XML-RPCping each time you create or update a post. In turn, Update Services process the ping and updates their proprietary indices with your update. Now people browsing sites like Technorati or Sphere can find your most recent posts!

There are several site update services up and running which you can add in WP-admin >> Settings >> Writing, in the update services section. Add one service URI per line. Once you update your WordPress website with a new post or new page, these services will automatically be pinged. Then these pings are processed and associated indices (plural of index) are updated with your update.

You can have a list of active update services from this WordPress Codex page and copy them into your update services section (WP-admin >> Settings >> Writing). As easy as that!

Having title of the post or keywords from the post in the URI of your web page is obviously better than having numbers, question marks and other symbols. Not only humans can identify the subject of the page from its URI but search engines also find it easier to identify and assort web pages in this manner. A link like this: https://www.iogoos.com/using-social-networks-to-get-more-google-juice/ tells you and Google bots clearly what the page is going to be about. However the WordPress default, which for the same page is //iogoos.com/blog/ (click to see that it’s actually the same!), which is not at all intuitive.

You can easily figure it out that if you are Google’ing from a specific keyword then obviously the results will list URI with these keywords in the link higher than the URI containing numbers and/or symbols.

Note that this tip is very effective for static websites as well. Always name and link your website and web pages with the title of the page, or keywords relating to the subject of the page instead of serial numbers.

You can learn furthermore about what permalinks are and how to use them on Using Permalinks page of WordPress Codex. The WordPress default link structure, also known as the Ugly permalinks structure is the least SEO-friendly link structure. However, changing your permalinks is easy.

On logoos and my other websites, I am using /%category%/%postname% structure which has remained pretty fruitful for me. You can optimize your own links by following these steps:

  1. Log in to WordPress Admin Area
  2. Open the Settings Menu and Click Permalinks
  3. Click Custom Structure and customize the link structure.

Refer to the Using Permalinks page to see various tags that you can use.

Please note that websites hosted on Windows-based hosts (Microsoft IIS Servers) experience issues setting up SEO-friendly pretty permalinks. So in case you’re on such a one, stick to the ugly or almost pretty permalinks to avoid issues, or migrate to a Linux-based host.

Pinging a maximum number of Site Update Services and tuning your link structure play a good deal to get you listed in Google search results or other search engines in less than 30 minutes! Try implementing these magic tricks on your website and let me know how well did they work out for you.

And for the next part of this series, we are going to discuss how to use various social networks to promote our websites and blogs. We’ll talk about what all services you can use and how they are important for you and your website. Till then, see you.

Using Social Networks to get more Google Juice

Posted on by ioadmin

Hello readers, I hope you are benefiting from Part 1 and Part 2 of Google Juice: Hard to Get but Tasty to Drink Series. As promised, I am here with Part 3 of this Google Juice Series in which I am going to share with you a very effective trick to place your website quicker and higher up in Google Search results.

Are you wondering how promoting your pages on Social Networks can get you more Google Juice? Well, let me explain this with an example:

Search Google for the term Floral V/S Grunge, the first result will point you to one of my earlier posts. Now take a closer look at the other search results.

Did you notice something? Observe a bit carefully and be surprised! You’ll see that the Floral VS Grunge post is listed on almost all major services like Flickr, Digg, BlogCatalog, Twitter, Friendfeed, Facebook, and many more. And all of them are indexed in Google and on the very first page!

Wow! How does it all work?

This is no big secret! It’s only a technique for some Google Juice from various social networking websites. All the services that you saw in the search results are those communities-based social networks that I use to keep in touch with my friends, family, and lovely readers. All I did after publishing a post was to share the Post Title and the Permalink with all my contacts on different social networks. This way I get a lot of people to visit my posts on the website and the real magic is Google Juice that comes along.  When you search for relevant terms, many of the listed results will point to your post/page either directly or indirectly. You get the point, right!!

But isn’t this spamming?

No. It is absolutely not. I just shared my post with only my contacts that have chosen to receive updates from me. People follow me on Twitter because they want to keep a track of whatever I do. Subscribers want me to update them with new posts and pages. If I set my Facebook, Orkut, or IM status to a link pointing to my blog posts, I am not spamming anyone’s social profiles or emails!

I am not sending anyone any emails to buy my services whatsoever. I just created something and I am sharing it. Sharing is caring, not spamming!

So, how do I go about with this?

Start using social networks. Create an account on MyBlogLog (Yahoo), BlogCatalog, Twitter, Friendfeed, Facebook, Twitter, StumbleUpon, Digg, Plurk, Del.icio.us, etc. There are hundreds of them all around the Internet. Find some time to read reviews and do research on which ones will be the most useful for you and how much time you can spare to spend on these. What I feel is that the few moments you can spare to spend on promoting your posts effectively for a little extra Google Juice. Worth it, man!

And, to make your life easier…

Now, I am going to recommend to you, an awesome service that will save you a lot of time and effort. It’s definitely going to make your life a lot easier! Ping.FM is a service that you can use to share your stuff and thoughts on multiple websites with just one click. It is exactly like the website puts it, “Ping.fm is a simple service that makes updating your social networks a snap.”

I know time is precious, and so here you go with Ping.FM, But some more icing on the cake is always nice. So I’d further go on to share this nifty Firefox Add-on – PingFire. PingFire is a Firefox add-on for Ping.FM service. It adds a tiny button in your browser which helps to use this service with great ease and comfort.

To use PingFire, you need to update your username and application key in the add-on options. You will find your application key at //ping.fm/key/ and you need to be logged in to Ping.fm to access this URI. So go ahead, implement these simple tips and extract some Google Juice out of social networks that you use.

I hope you enjoyed reading this post and learned something new! I’ve more in store for you but I’ll keep them for a later post. Please feel free to share some of your SEO tips. Drop us a comment using the form below. Your comments and feedback are valuable and much appreciated.

Contact Us

Check Our Portfolio

Why I use WordPress as CMS?

Posted on by ioadmin

If you think WordPress is yet another blogging platform, take a quick look at other pages of iogoos.com (right from the homepage). Do you really think we could do this with  “Just-Another-Blogging-Software”? Absolutely not!!

Custom Pages, Custom Widgets, Photo Galleries, Portfolio, eCommerce! What, out of these, and even more hasn’t been set up using WordPress.

Only recently, I updated my portfolio with more websites that I had finished, which were not under non-disclosure policy. After adding these projects in my portfolio, I realized that in accomplishing 90% of my work, WordPress plays the role of a CMS. With all the work done so far I am amazed by just how much of its capability I have discovered and how much of it is still unknown to me. Here are a few things that my clients ask when I recommend using WordPress, even for static websites, and what I’ve to say to back my recommendation.

Is it easy to use?

It is The Most Robust and Feature-Filled Platform, which is not only easy to use, but also, very much user friendly. So far all my clients are really happy with the decision to use WordPress as a backend. Moreover, WordPress.tv has made our lives much easier. I refer my clients to this website to learn the features and backend functionality while I am busy creating the best solutions for their requirements.

I need a blog as well…

I guess everyone has realized the value of blogging for their personal and professional web presence by now and most of my clients ask for a blogging platform with a unique and custom website design. It’s really easy to create a few custom pages within WordPress, rather than, creating a WordPress theme that matches the website design. And its really easy to embed WordPress features on these static web pages.

What about Search Engine Optimization?

I am pretty sure you are not new to this term and would want your website to be listed in top search results. With WordPress, you can use plugins like All in One SEO Pack, just to name some, that does most of the work without user intervention. SEO is a wide topic and there’s a lot that needs to be done to achieve good search engine rankings. However, a WordPress installation with a few plugins can help you get there without much hard work. You might want to check a few posts I have written on search engine optimization.

What all WordPress can do?

Honestly, I can’t deny that after using WordPress I haven’t even cared to search for any other CMS. WordPress is an amazing platform which can be customized to create Personal websites, Portfolio, e-Commerce, Galleries and Photo Blogs, Magazine or News websites, Article Libraries and a lot more. If you are comfortable with custom functions and template tags you can actually do wonders with just a single custom WordPress theme.

I don’t know programming?

While creating websites for my clients, I make sure they don’t have to spend their valuable time learning xHTML/CSS to update their websites. I have taken WordPress customization to next level where it provides a separate section in admin area to update the front end of our custom themes. It also has WYSIWYG capabilities where you can update and stylize the content which is not a part of WordPress post or page.

Moreover, these custom functions don’t save any data in core WordPress database tables (wp_options) so there’s no chance it won’t work with any other plugins and features.

Here’s a screenshot of Custom Theme Options I provide to make my client’s life a bit easier.

Theme settings

That’s not all, to add a few more features in the list…

  • WordPress is Free and Opensource
  • WordPress is easy to install and upgrade
  • WordPress is standard compliant
  • WordPress is Popular (CNET, Ford, ZDNET and various other popular sites has used WordPress as a CMS)
  • Free support from a vibrant and amazing community of developers and contributors
  • Huge amount of documentation is available
  • Plugins are available for almost everything you can think of

I bet no other CMS can compete with this master piece. If you are using WordPress as CMS please drop your website links in comments. Don’t try to spam as a very powerful spam protection plugin (Akismet) comes with its default installation 😀

contact us

Check Our Portfolio

An easy way to create Loading Bar!

Posted on by ioadmin

“People count up the faults of those who keep them waiting”
Seems like I kept them busy decoding this loading bar 😀

Recently, while browsing I landed on a page on StackOverflow.com where people were discussing how I implemented this loading bar on www.iogoos.com I could sense a lot of confusion in the discussion so thought I would take the mystery out as I love to share best practices. Here’s how you can create a loading bar in a few steps…

Things You’ll Need

  1. A nice loading image: If you are good at creating animated GIF images that are nice, otherwise you can create a loading image with this cool Ajax Loading Gif Generator.
  2. jQuery: We are creating this loading bar using jQuery so download the jQuery latest version here.

jQuery Code within <head>..</head> tags

<script type=text/javascript src=jquery.js></script>
<script type=text/javascript>
$(window).load(function(){
      $("#loading").hide();
})
</script>

HTML Code within <body>..</body>tags

<div id="loading">
    Loading content, please wait..
    <img src=loading.gif alt="loading.." />
</div>

Make sure you add this code just below the starting <body> tag so it should be downloaded first.

CSS Code for loading DIV

#loading {
    position:absolute;
    width:300px;
    top:50px;
    left:50%;
    margin-left:-150px;
    text-align:center;
    padding: 10px;
    font:bold 11px Arial, Helvetica, sans-serif;
    background: #222222;
    color: #ffffff;
}

Use your imagination and create something nice & unique.

Your comment, suggestion, and feedback are highly appreciated. There’s more to come to stay tuned…

Contact Us

Check Our Portfolio

CSS Tips – Get Consistent Results in All Browsers

Posted on by ioadmin

Web standards are prevailing guidelines used on the World Wide Web to ensure websites and information is accessible to all in the most efficient manner. Most Web browsers have different default settings for the base margin and padding.

This means that if you don’t set a margin and padding on your body and XHTML tags, you could get inconsistent results on the page depending upon which browser your users are using to view the page. A simple way to solve this is to set all the margin and padding on the XHTML and body tags to 0:

html, body {
    margin: 0px;
    padding: 0px;
}

This will keep your design structure in the same place on all browsers.

Borders

You may be thinking “but no browsers have a border around the body element by default”. This is not strictly true. Internet Explorer has a transparent or invisible border around elements. Unless you set the border to 0, that border will mess up your web page layouts. So add the following to your body and XHTML styles:

html, body {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

Here’s a nice and detailed article on CSS Reset: Resetting Your Styles with CSS Reset Stay tuned for more web design tips.

Check Our Portfolio

Enable Auto-Complete Search in WordPress Blog!

Posted on by ioadmin

“One sometimes finds what one is not looking for”

I am pretty sure that you are aware of Google Search Suggest and Yahoo Search Assist features. This feature helps you effortlessly find exactly what you’re looking for. No doubt, it lists a few suggestions to keep the user looking for more and more.

As you type something in the search box, it automatically offers search terms and phrases in real-time. How nice will it be to have the same feature on your website or blog. In this post, I am going to explain an easy way to add a search suggestion feature to your WordPress blog or website.

Things You’ll Need

jQuery: You can download the latest version from jQuery.com
Autocomplete Plugin: Download this plug-in by Jörn Zaefferer from //bassistance.de

Now let’s play with some code

Include this code within <head>..</head> tag.

<script type=text/javascript src=js/jquery.js></script>
<script type=text/javascript src=js/jquery.autocomplete.pack.js></script>
<link href="js/jquery.autocomplete.css" rel="stylesheet" media="screen" type=text/css />

Here I am assuming you are using “js” folder to keep all your java scripts and supported files. You may need to update the location of these files based on your folder setup.

Here’s the actual jQuery code to enable this feature on an input box:

<script type=text/javascript>
    var data = "Search Terms Separated With Spaces".split(" ");  
    $("#myInputBox").autocomplete(data);
</script>

Variable “data” hold the terms that you would like the user to see in the search suggestion list and $(“#myInputBox”) is the id of the search input box.

Let’s check out how we can automatically call WordPress tags in our search suggestions, using WordPress wpdb class:

<?php 
    global $wpdb;
    $search_tags = $wpdb->get_results('SELECT name FROM $wpdb->terms');
    foreach ($search_tags as $mytag){
        echo $mytag->name. ' ';
    }
?>

Here I am using WordPress wpdb class to fetch all tags assigned to the posts.

Here’s the complete code to enable this feature on your WordPress blog. Just replace the folder name with actual folder and the jQuery selector $(“#myInputBox”) with the actual id of search input box.

<script type=text/javascript src=PATH_TO/jquery.autocomplete.pack.js></script>
<link href="PATH_TO/jquery.autocomplete.css" rel="stylesheet" media="screen" type=text/css />
<!-- This goes in the head -->
<script type=text/javascript>
	$(document).ready(function(){  
		var data = '<?php global $wpdb; $search_tags = $wpdb->get_results("SELECT name FROM $wpdb->terms"); foreach ($search_tags as $mytag){ echo $mytag->name. " "; } ?>'.split(" ");
		$("#ID_OF_SEARCH_INPUT_BOX").autocomplete(data);  
	});
</script>

Don’t forget to add your inputs in the comments section below.

Contact Us

Let’s Check Our Portfolio

How to read minified CSS with ease?

Posted on by ioadmin

Today we have a quick tip for those who feel depressed and cry when they see the holy grail of CSS in one single line in their website/theme stylesheets.

Recently I started hearing from a lot of people complaining about their theme developers using minified CSS in their themes for maximizing performance without any consideration for their ease of use/customization. People keep asking me if there are tools that convert minified CSS back to normal human-readable form and recently someone even asked me to do a job – normalize some minified stylesheets (of course I didn’t do it and rob him off!)

Whether or not developers should minify CSS when giving out themes/websites has been a subject of debate for a long time but why developers choose to minify some parts of their stylesheets has often been overlooked. Performance issues for larger projects, minifying the reset styles (you don’t have to change them anyway!) and non-developer license are just some of the reasons!

Anyway, coming back to the subject of this post – How can you read minified CSS with ease?
(No, we are not going to install any 3rd party software!)

Simply validate the CSS (only the minified part if you have other files attached as well) in question using the W3C’s CSS Validation service!

The output of the validation check is:

  1. whether or not, your CSS validates to standards set by W3C.
  2. Normal, Properly Formatted, and Easily Readable version of your minified/compressed CSS

Do you need to keep the formatted and decompressed CSS? Just copy it from the validation output and replace your version. Voila!

Contact Us

See Our Portfolio

An easy way to create a light-box with jQuery & CSS

Posted on by ioadmin

As you already know that I’ve been working on improving the performance of my website and I needed a simple solution to create a light-box effect for Live-Chat on this website. I had many options to choose from available jQuery plug-ins however, the idea was to optimize the code with minimal use of heavy third-party scripts and CSS. Moreover, the only thing I needed was a light-box effect without any other functionality.

So I created the light-box effect with a few lines of code using CSS and jQuery.

Let’s start coding 🙂

xHTML Code

Place this code within <body></body> tags where ever you like.

<a id="show-panel" href="#">Show Panel</a>
<div id="lightbox-panel">
<h2>Lightbox Panel</h2>
You can add any valid content here.
<p align=center><a id="close-panel" href="#">Close this window</a></p>

</div>
<!-- /lightbox-panel -->
<div id="lightbox"></div>
<!-- /lightbox -->

The first line of the above code is a link with id “show-panel” which will display the “light-box” and the “lightbox-panel” DIVs, similarly, on line 7 we have a link with ID “close-panel” to hide these DIVs. This will be handled by jQuery of course.

#lightbox-panel will hold the content to be displayed and #lightbox will add a transparent background behind our content panel. Let’s write some CSS code to stylize these two DIVs before we add the functionality to our links with jQuery.

CSS Code

You can add this code within the document’s <head></head> tag or in any linked style sheet.

* /Lightbox background */
#lightbox {
  display:none;
  background:#000000;
  opacity:0.9;
  filter:alpha(opacity=90);
  position:absolute;
  top:0px;
  left:0px;
  min-width:100%;
  min-height:100%;
  z-index:1000;
}
/* Lightbox panel with some content */
#lightbox-panel {
  display:none;
  position:fixed;
  top:100px;
  left:50%;
  margin-left:-200px;
  width:400px;
  background:#FFFFFF;
  padding:10px 15px 10px 15px;
  border:2px solid #CCCCCC;
  z-index:1001;
}

Note: The z-index value for #lightbox-panel should be greater than the z-index value of #lightbox to display it above the transparent background and both should have the property display as none so they should not show up by default or if the users have Javascript disabled in their browsers.

Let’s put some life to our code with jQuery.

jQuery Code

You can add this code within the document’s <head></head> tag and we are done.

$(document).ready(function(){
  $("a#show-panel").click(function(){
    $("#lightbox, #lightbox-panel").fadeIn(300);
  });
    $("a#close-panel").click(function(){
    $("#lightbox, #lightbox-panel").fadeOut(300);
  })
});

Pretty simple, huh!!

Could it get easier than this?

Once you click the link with ID “show-panel” it will display both the DIVs with some nice fade effect and if you click the link with ID “close-panel” it will hide these DIVs.

I hope you enjoyed this little trick to create the simple light-box effect with CSS and jQuery You are most welcome to share your inputs and code in the comments below.

Contact Us

See Our Portfolio

Enquiry Now

When We Work Together

We can create something incredible

arrow
HQ INDIA
HQ INDIA
C-31, Milap Nagar,
Uttam Nagar, New Delhi,
Delhi 110059
USA
USA
6715 Backlick Rd Suite 202
Springfield,
VA 22150, USA
AUSTRALIA
AUSTRALIA
2/51, Lane Cres,
Reservoir, VIC
3037, Australia
CANADA
CANADA
61 Payzant Bog Road, Falmouth, NS, B0P 1P0, CANADA
UK
UK
3rd Floor, 131 City Road, London, EC1V 2NX, United Kingdom
UAE
UAE
Boutik Mall, Al Reem Island - Abu Dhabi, UAE
X

Let Us Call You Back

  • India+91
  • United States+1
  • United Arab Emirates+971

Your phone number is kept confidential
and not shared with others.

×

Start Your Project