Question

Is there a way to make the Credit Card payment method always selected and open initially when there are more than one payment method? This is in the Checkout process.

Answer 1

Here’s what I ended up doing.

• Copy the \website\app\design\frontend\base\default\template\checkout\onepage\payment\methods.phtml file to the equivalent directory in my theme.

• Add a new loop counter variable, $i, at the top after the first comment:

  $i = 1;

• Inside the <?php if( sizeof($this->getMethods()) > 1 ): ?> first if conditional check, add the following condition (basically, it checks if this the first payment method and sets it to checked)

  <?php if( $i == 1 ): ?>
      <input id="p_method_<?php echo $_code ?>" value="<?php echo $_code ?>" type="radio" name="payment[method]" checked="checked" title="<?php echo $this->htmlEscape($_method->getTitle()) ?>" onclick="payment.switchMethod('<?php echo $_code ?>')" class="radio" />
  <?php else: ?>
      <input id="p_method_<?php echo $_code ?>" value="<?php echo $_code ?>" type="radio" name="payment[method]" title="<?php echo $this->htmlEscape($_method->getTitle()) ?>" onclick="payment.switchMethod('<?php echo $_code ?>')"<?php if($this->getSelectedMethodCode()==$_code): ?> checked="checked"<?php endif; ?> class="radio" />
  <?php endif; ?>
  

The else condition is the same as before.

• Just before the <?php endforeach; ?> I added this line (with <?php around it):

  $i = $i + 1;

EDIT:

Actually, the only reliable cross-browser way to keep it open was to copy the file here: \app\design\frontend\base\default\template\payment\form\ccsave.phtml to my theme and then remove the style=”display: none;” from the first .

That fixed it so the form was always open and the above code made sure it was selected by default.