CC Sidebox and Authorize.net Sidebox

[DieuxSoldat_04]

Hey Zen people,

I just added the credit card sidebox and I'm having a little trouble getting the images to center. My site is Endless Sonata and the sidebox is at the bottom left.

I'm also having light difficulty with the Authorize.net Seal Sidebox. It's at the bottom right. I want to add more images in that same sidebox so I don't need to have so many, but I having a really tough time. It's titled "Services and Security"

All help is appreciated!

Sincerely,
Jason

[DieuxSoldat_04]

Anyone willing to help? Bump

[LissaE]

In the sidebox template for it where it says:

<div id="ccacceptContent" class="sideBoxContent"/>

Try adding centeredContent so that you have:

<div id="ccacceptContent" class="sideBoxContent centeredContent"/>

All your other sideboxes have that so it just may work lol :)

[DieuxSoldat_04]

Thanks for the reply, but I'm not quit sure where do I edit this? I checked all the files the CC sidebox came with, none have that line so I'm assuming it's somewhere else.

Thanks again for the reply!

[LissaE]

I haven't used the CC sidebox, so I don't know what the correct filename for it is, however, the line you need to edit will be in the tpl_sideboxname.php file and will look like this:

$content .= '<div class="sideBoxContent">';

Just add in the sideBoxContent so it looks like this:

$content .= '<div class="sideBoxContent centeredContent">';

You'll probably find the correct file in includes/templates/template_default/sideboxes or includes/templates/CUSTOM_FOLDER/sideboxes

[LissaE]

Ok, I found the sidebox and downloaded it, the file you want to edit is tpl_cc_accept.php in includes/templates/CUSTOM_FOLDER/sideboxes

and on Line 23 replace this:

$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n";

with this:

$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent centeredContent">' . "\n";

[DieuxSoldat_04]

Thanks for your replies christon26. I tried that and it didn't work : / but I'll keep trying other things. If anyone else knows, replies would be appreciated!

Also, anyone know how to fix the Authorize.net Sidebox?

Thanks!
- Jason

[LissaE]

I looked in your source code and you have this for the cc sidebox:

<!--// bof: ccaccept //-->
<div class="leftBoxContainer" id="ccaccept" style="width: 200px">
<h3 class="leftBoxHeading" id="ccacceptHeading">We Accept ...</h3>
<div id="ccacceptContent" class="sideBoxContent centeredContent">
</div>
<img id="ccVisa" class="cc_img" src="images/cc_logos/logo_ccVisa.gif" />
<img id="ccAmex" class="cc_img" src="images/cc_logos/logo_ccAmex.gif" />
<img id="ccMC" class="cc_img" src="images/cc_logos/logo_ccMC.gif" />
<img id="ccDiscover" class="cc_img" src="images/cc_logos/logo_ccDiscover.gif" />
<div id="ccacceptContent" class="sideBoxContent centeredContent">
</div>
</div>
<!--// eof: ccaccept //-->

The two bits I have highlighted are duplicated and is why it is still not centering as the first div is closed before the images and then you have the second div after the images, so you will need to remove the dup entries in the template file...if you get lost you can post the code in tpl_cc_accept.php here and I will take a look at it for you :)

[DieuxSoldat_04]

<?php
/**
 * tpl_cc_accept.php
 *
 * Loaded automatically by index.php?main_page=account_edit.<br />
 * Displays information related to a single specific order
 *
 * @package templateSystem
 * @copyright Copyright 2003-2008 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * $Id: tpl_cc_accept.php v 1.2.1 2008-04-10 
 * Originally copied from featured.php and modified by Carter Harris
 * Upgraded to work with Zen Cart 1.3.8 by kuroi
 * Modified with Google Checkout and Paypal CC_Logos by WebSkipper
 */
 
 /**
 Delete this line- Download the previous version and follow the
 */

$content = '';
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent centeredContent">' . "\n";
$content .= '<img id="ccVisa" class="cc_img" src="images/cc_logos/logo_ccVisa.gif" />' . "\n" .
            '<img id="ccAmex" class="cc_img" src="images/cc_logos/logo_ccAmex.gif" />' . "\n" .
            '<img id="ccMC" class="cc_img" src="images/cc_logos/logo_ccMC.gif" />' . "\n" .
            '<img id="ccDiscover" class="cc_img" src="images/cc_logos/logo_ccDiscover.gif" />' . "\n" .
$content .= '</div>' . "\n";
?>

That is the code in tpl_cc_accept.php I do see what is wrong now and I see how you can fix it, but I don not know which file can edit the source of the codes as whole rather than sidebox by sidebox.

- Jason

[LissaE]

The sidebox template has a slight difference in the original files I downloaded:

$content = '';
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n";
$content .= '<img id="ccMC" class="cc_img" src="images/cc_logos/logo_ccMC.gif"             />' . "\n" .'<img id="ccVisa" class="cc_img" src="images/cc_logos/logo_ccVisa.gif" />' . "\n" .
            '<img id="ccAmex" class="cc_img" src="images/cc_logos/logo_ccAmex.gif" />' . "\n" .
            '<img id="ccDiscover" class="cc_img" src="images/cc_logos/logo_ccDiscover.gif" />' . "\n" .
            '<img id="ccEcheck" class="cc_img" src="images/cc_logos/logo_ccEcheck.gif" />' . "\n".
            '<img id="ccPaypal" class="cc_img" src="images/cc_logos/PayPal_mark_37x23.gif" />' . "\n".
            '<img id="Google" class="cc_img" src="images/cc_logos/GC_small.gif" />' . "\n";
$content .= '</div>' . "\n";
?>

The original has a ; at the end of the image codes, yours has a dot:

$content = '';
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent centeredContent">' . "\n";
$content .= '<img id="ccVisa" class="cc_img" src="images/cc_logos/logo_ccVisa.gif" />' . "\n" .
            '<img id="ccAmex" class="cc_img" src="images/cc_logos/logo_ccAmex.gif" />' . "\n" .
            '<img id="ccMC" class="cc_img" src="images/cc_logos/logo_ccMC.gif" />' . "\n" .
            '<img id="ccDiscover" class="cc_img" src="images/cc_logos/logo_ccDiscover.gif" />' . "\n" .
$content .= '</div>' . "\n";

I can't say for certain because I am not a PHP expert LOL but that may be the culprit :)