CSS3 Buttons [support thread]

[lat9]

I could use some more guidance with regards to the buttons.

I want to make the Add To Cart button larger and more pronounced. When I do that the Search button gets bigger also. I would like the Search button to stay the same size.

I want the Check Out button larger and more pronounced. The same size as the Add to Cart button. When I do that the Continue Shopping and the Shipping Estimator buttons get bigger also. I would like them to be the same size as the Search button.

input.button_in_cart, span.button_checkout {
  font-size: 13px;
}

I want the Previous Return Next buttons to be smaller. Right now they get bigger with the size of the Check Out button.

I someone could point me in the right direction on one of these issues I will try to figure out the rest.

I have been trying to change the css buttons stylesheet but it hasn't been working. Is that the right place or do I have to do look other places?

Dave

Your changes should be made to the stylesheet_css_buttons.css file; place any changes at the bottom of the file and make sure that you don't have any other stylesheet_css_buttons_xxx.css files that are in conflict.

[top hatt]

Thanks for the help. I will try this out today.

I have changed my file system since the last time.

Dave

[top hatt]

That bit of code worked out great. I have resized a number of buttons to be exactly what I wanted.

I have one more question though. I am trying to have the Update button and the Delete button show on the shopping cart page. I can't seem to get that to work. I think my spacing is okay, but nothing seems to work out.

Any guidance would be appreciated.

Dave

[lat9]

The Delete button is always shown as an icon. You can change the image used by copying /includes/languages/english/icon_names.php to /includes/languages/english/new1.5/icon_names.php and editing the name of the ICON_IMAGE_TRASH (make sure to copy the new icon to /includes/templates/new1.5/buttons/icons).

For the Update button, you'll copy/edit the same file to reduce the length of ICON_UPDATE_ALT; the default behavior is to use the button images of the alt-text is longer than 40 characters.

<?php
/**
 * @package languageDefines
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: icon_names.php 4224 2006-08-24 01:41:50Z drbyte $
 */

// define the icon images used in the project
define('ICON_IMAGE_ERROR', 'error.gif');
define('ICON_IMAGE_WARNING', 'warning.gif');
define('ICON_IMAGE_SUCCESS', 'success.gif');
define('ICON_IMAGE_TRASH', 'small_delete.gif');
define('ICON_IMAGE_UPDATE', 'button_update_cart.gif');
define('ICON_IMAGE_TINYCART', 'cart.gif');

//alt tags for buttons
define('ICON_ERROR_ALT', 'Error');
define('ICON_SUCCESS_ALT', 'Success');
define('ICON_WARNING_ALT', 'Warning');
define('ICON_TRASH_ALT', 'Delete this item from the cart by clicking this icon.');
define('ICON_UPDATE_ALT', 'Update');
define('ICON_TINYCART_ALT', 'Add this product to your cart by clicking here.');

?>

[top hatt]

Thanks. That made my shopping cart page just how I wanted it.

I apologize for all the stupid questions, but some of this stuff does not seem that intuitively obvious.

Dave

[VBE-1]

I am interested in using these buttons on my site, but would like to test them before deleting current package? I am very new to zencart and know very little about it. I am currently in the buttons section of my site. If i click english all the buttons populate. I have downloaded the file. What should I do next?

[DivaVocals]

I am interested in using these buttons on my site, but would like to test them before deleting current package? I am very new to zencart and know very little about it. I am currently in the buttons section of my site. If i click english all the buttons populate. I have downloaded the file. What should I do next?

Follow the install instructions in the readme of this add on and install it..

[lat9]

Thanks. That made my shopping cart page just how I wanted it.

I apologize for all the stupid questions, but some of this stuff does not seem that intuitively obvious.

Dave

I'm happy to have helped, Dave. I'll admit that it took me a while to figure out why the "Update" button wasn't working for you, since it's working fine on my site!

[lat9]

@vbe-1: Like DivaVocals said, just follow the instructions in the readme for the installation. You enable these buttons via the admin Configuration switch; your image buttons are not affected. You can always go back to your image buttons by "flipping" the configuration switch to indicate that you don't want to use the CSS buttons.

[Dream9Studios]

Hi,

First off, I thank you for this mod because it looks really cool. I'm having a slight problem with it though and I'm not sure what to do. I'm building a new shop and I installed the mod as instructed and edited the stylesheet to match my site. My problem is that some buttons aren't functioning as the CSS3 buttons until you mouseover them including the "search" button in the header and the "send now" button on the contact page. Could you tell me what I'm doing wrong? My shop is at http://shop.d9s.co/

Thank you!