CSS3 :nth-child() Selector

Hi this si css selector for li

li:nth-child(2n)
{
background:#ff0000;
}

Selector Exp 
li:nth-child(odd)
li:nth-child(even)
li:nth-child(3n+0)
li:first-child

after and before

li:after
li:before

CSS3 Transitions, Animation

Hi !

There is some css code for reference of Css3 transitions, animations

div
{
width:100px;
height:100px;
background:red;
transition:width 2s; /* use transition artibute name and animation time  */
-webkit-transition:width 2s; /* Safari */
}
div:hover
{
width:300px;
}

Thanks :)

Remove drop-down arrow from select element for all Browser

Hi friends ,
Here is code in css3 for Remove drop-down arrow from select element for all Browser

.left-new li select
{
background-color: Transparent;
border: 0px;
 -webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
appearance: none;
}

/*for ie */

.left-new li select::-ms-expand
{
    display: none;
} 

Removing the IE10 Select Element Arrow

Hi Friends,
appearance: none for ie 10
Here is custom drop down control for ie Or remove drop-down arrow in ie

Css3 :

.left-new li select::-ms-expand
{
    display: none;

}


Thanks :)

Opencart Description on Home Featured Products

Hey Friends

There are Some Steps for Display Description On home Page in Featured product section.

Step 1. Open catalog/controler/module/featured.php

And find in code :

'name'     => $product_info['name'],

 And add after Code:

'DESCRIPTION'    => $PRODUCT_INFO['DESCRIPTION'],

Step 2. now open catalog/view/theme/your-theme/template/module/featured.tpl
looking your location like :

<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div>

Add after this code :

<div style="min-height:140px;"><?php echo "<p>".mb_substr(strip_tags(html_entity_decode($product['description'])), 0, 150)."...</p>"; ?></div>

Thanks
Comments are most welcome :)

Auto format Code in Dreamweaver?

Go to Dreamweaver menu :-

1. Commands > Apply Formatting
2. Commands > Clean up HTML

Thanks 

Comments are welcome :)

How to remove Checkout Step 2, Step 3, Step 4 in opencart

Code for Older version of  Opencart

For Latest Opencart version Please contact me. 
I am working on this module for latest version(demo latest version)

Dear Friends :)

Here is some Steps for remove Open cart checkout Steps:

For steps 2 : { Payment Address }

Open your checkout.tpl
catalog\view\theme\default\template\checkout\checkout.tpl 

Steps: 1
And find 

$('#payment-address .checkout-content').html(html);
$('#payment-address .checkout-content').slideDown('slow');

 And Replace with

$('#payment-address .checkout-content').html(html);
$('#payment-address #button-payment-address').click();

Steps: 2
And find 

 <div id="payment-address">

 And Replace with

 <div id="payment-address" style="display:none">

Enjoy Comments are welcome


For steps 3 :{ Shipping Address}

Open your checkout.tpl
catalog\view\theme\default\template\checkout\checkout.tpl 
And find 

$('#shipping-address .checkout-content').slideDown('slow');

 And Replace with

$("#shipping-existing select").prop("selectedIndex", $("#payment-existing select").prop("selectedIndex"));
$('#shipping-address #button-address').click();
$('#button-shipping-address').click();

Steps: 2

And find 

<div id="shipping-address">

 And Replace with

<div id="shipping-address" style="display: none">

Steps: 3
Open your guest.tpl
catalog/view/theme/default/template/checkout/guest.tpl

And find 

<input type="checkbox" name="shipping_address" value="1" id="shipping" checked="checked" />

 And Replace with

<input type="checkbox" name="shipping_address" value="1" id="shipping" checked="checked" style="display: none"/>

Enjoy Comments are welcome

For steps 4 : { Shipping Method }

Open your checkout.tpl
catalog\view\theme\default\template\checkout\checkout.tpl 

Steps: 1
And find 

$('#shipping-method .checkout-content').slideDown('slow');

 And Replace with

$('#shipping-method #button-shipping-method').click();

Steps: 2
And find 

<div id="shipping-method">

 And Replace with

<div id="shipping-method" style='display: none'>

Enjoy Comments are welcome