Wednesday, November 20, 2013

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 :)


Sunday, October 13, 2013

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 :)

Friday, August 2, 2013

Auto format Code in Dreamweaver?

Go to Dreamweaver menu :-


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




Thanks 
Comments are welcome :)

Sunday, July 7, 2013

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


Sunday, March 3, 2013

How to edit Contact Us page in magento

Q. How do I add extra information like company name, address and phone to the contact us page?

A. Dear friends,
You can edit this page for the same on this location 

Your  site /app/design/frontend/base/default/template/contacts/form.phtml 
Your  site/app/code/core/Mage/Contacts/controllers/IndexController.php

magento How to call static block in phtml

Dear friends,
You Can use this Code For call static Blocks as html

<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('top_left_links')->toHtml(?>

Monday, February 4, 2013

Magento How to resize product thumbnail Size in magento

Dear ,

Stap :1
Go to this location 

\design\frontend\default\ them name /template/catalog/product/list.phtml
  
and find this code 

 php 

    $_columnCount = $this->getColumnCount(); 

    if($_columnCount == 4){
        $imgSize = 155;
    }elseif($_columnCount == 3){
        $imgSize = 245;
    }

?>

 And replace with this code according your them image size Width and height :

php 
  $_columnCount = $this->getColumnCount(); 
  if( $_columnCount == 4 ) {
    $imgSizeWidth = 200;
    $imgSizeHeight = 300;
  } elseif( $_columnCount == 3 ) {
    $imgSizeWidth = 500;
    $imgSizeHeight = 800;
  }
?>

Stap :2
 Find this code on current page 

 helper('catalog/image')->init($_product, 'small_image')->keepFrame(true)->resize( $imgSize); ?>" alt="stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /> 
 Or find only resize( $imgSize)
 And replace With 
helper('catalog/image')->init($_product, 'small_image')->keepFrame(true)->resize( $imgSizeWidth, $imgSizeHeight ); ?>" alt="stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />

 Or Only With resize( $imgSizeWidth, $imgSizeHeight )
Thanks:)