Results 1 to 10 of 149

Hybrid View

  1. 22 Oct 2013, 08:06 PM #1
    DivaVocals's Avatar
    DivaVocals
    DivaVocals is offline Totally Zenned
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,021
    Plugin Contributions
    32

    Default Re: CSS3 Buttons [support thread]

    I'm baaaaaack!!! Breaking stuff again..

    Okay so here's what I am trying to do.. For esthetic reasons I wanted to separate out the "Search" buttons for the three search interfaces (search header, search sidebox, search page). This allows me to use different text on the various search button ("Go!" versus "Search"), or even give each button a different look..

    I've outlined the files I modified and the changes I made to support this.

    Here's the issue.. I want the buttons for the sidebox and the search header to have a slightly look than the rest of my buttons.. But I'm not having good luck here.. I think I've missed something, but I'm not sure what it is..

    This works on the header search the normal button works, but the hover does not.. On the sidebox it doesn't appear to work at all:
    Code:
    /* Search Header Sidebox Button */
input.submit_button.button_header_search, input.submit_button.button_sidebox_search {
    background: #9a9a9a;
    color: #fff;
    border: 0px solid #E8E8E8;
    /*margin: 0;
    padding: .25em;*/
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
input.submit_button.button_header_searchHover, input.submit_button.button_sidebox_searchHover {
    background: #ccc;
    color: #111;
    border: 0px solid #E8E8E8;
    /*margin: 0;
    padding: .25em;*/
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
    This works on the header search both the normal button and hover works.. I can live with that , but I'm not sure why the code has to be so different.. On the sidebox it still doesn't appear to work:
    Code:
    /* Search Header Sidebox Button */
input.submit_button.button_header_search, input.submit_button.button_sidebox_search {
    background: #9a9a9a;
    color: #fff;
    border: 0px solid #E8E8E8;
    /*margin: 0;
    padding: .25em;*/
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
input.cssButtonHover.button_header_search.button_header_searchHover,  input.cssButton.submit_button.button.button_sidebox_searchHover {
    background: #ccc;
    color: #111;
    border: 0px solid #E8E8E8;
    /*margin: 0;
    padding: .25em;*/
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
    Here's my test site where you can see all three buttons on one page:
    http://zentestcart(dot)overthehillwe...dvanced_search


    includes/languages/english/YOUR_TEMPLATE/button_names.php     (items in blue are to support making CSS buttons text match most image button sets)
    Code:
    <?php
/**
 * @package languageDefines
 * @copyright Copyright 2003-2011 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: button_names.php 19690 2011-10-04 16:41:45Z drbyte $
 */


/**
 * define the button images used in the project
 */

define('BUTTON_IMAGE_ADD_TO_CART', 'button_add_to_cart.gif');
define('BUTTON_IMAGE_ADD_ADDRESS', 'button_add_address.gif');
define('BUTTON_IMAGE_ADD_PRODUCTS_TO_CART','button_add_selected.gif');
define('BUTTON_IMAGE_BACK', 'button_back.gif');
define('BUTTON_IMAGE_BUY_NOW', 'button_buy_now.gif');
define('BUTTON_IMAGE_CANCEL', 'button_cancel.gif');
define('BUTTON_IMAGE_CHANGE_ADDRESS', 'button_change_address.gif');
define('BUTTON_IMAGE_CHECKOUT', 'button_checkout.gif');
define('BUTTON_IMAGE_CONFIRM_SEND', 'button_confirm_send.gif');
define('BUTTON_IMAGE_CONFIRM_ORDER', 'button_confirm_order.gif');
define('BUTTON_IMAGE_CONTINUE', 'button_continue.gif');
define('BUTTON_IMAGE_CONTINUE_SHOPPING', 'button_continue_shopping.gif');
define('BUTTON_IMAGE_DELETE', 'button_delete.gif');
define('BUTTON_IMAGE_DELETE_SMALL', 'button_delete_small.gif');
define('BUTTON_IMAGE_DOWNLOAD', 'button_download.gif');
define('BUTTON_IMAGE_EDIT_SMALL', 'small_edit.gif');
define('BUTTON_IMAGE_IN_CART', 'button_in_cart.gif');
define('BUTTON_IMAGE_LOGIN', 'button_login.gif');
define('BUTTON_IMAGE_NEXT', 'button_next.gif');
define('BUTTON_IMAGE_PREVIOUS', 'button_prev.gif');
define('BUTTON_IMAGE_REDEEM', 'button_redeem.gif');
define('BUTTON_IMAGE_RETURN_TO_PROD_LIST', 'button_return_to_product_list.gif');
define('BUTTON_IMAGE_REVIEWS', 'button_reviews.gif');

//Separate the buttons for header search sidebox and the left/right sidebox. Allows for the possibility that alternate search buttons can be used. ie: search button that has the word "Go!" instead of "Search". BUTTON_IMAGE_SIDEBOX_SEARCH and BUTTON_IMAGE_HEADER_SEARCH has been added.
define('BUTTON_IMAGE_SEARCH', 'button_search.gif');
define('BUTTON_IMAGE_SIDEBOX_SEARCH', 'button_search.gif');
define('BUTTON_IMAGE_HEADER_SEARCH', 'button_header_search.gif');

define('BUTTON_IMAGE_SEND', 'button_send.gif');
define('BUTTON_IMAGE_SEND_A_GIFT_CERT', 'button_send_a_gift_cert.gif');
define('BUTTON_IMAGE_SEND_ANOTHER', 'button_send_another.gif');
define('BUTTON_IMAGE_SHIPPING_ESTIMATOR', 'button_shipping_estimator.gif');
define('BUTTON_IMAGE_SOLD_OUT','button_sold_out.gif');
define('BUTTON_IMAGE_SOLD_OUT_SMALL','button_sold_out_sm.gif');
define('BUTTON_IMAGE_SUBMIT', 'button_submit.gif');
define('BUTTON_IMAGE_UNSUBSCRIBE', 'button_unsubscribe.gif');
define('BUTTON_IMAGE_UPDATE', 'button_update.gif');
define('BUTTON_IMAGE_VIEW_SMALL', 'button_view.gif');
define('BUTTON_IMAGE_WRITE_REVIEW', 'button_write_review.gif');

define('BUTTON_IMAGE_READ_REVIEWS', 'button_read_reviews.gif');
define('BUTTON_IMAGE_GOTO_PROD_DETAILS', 'button_goto_prod_details.gif');
define('BUTTON_IMAGE_MORE_REVIEWS', 'button_more_reviews.gif');
define('BUTTON_IMAGE_CONTINUE_CHECKOUT', 'button_continue_checkout.gif');
//define('PREVNEXT_BUTTON_NEXT', '[Next&nbsp;&gt;&gt;]');
//define('PREVNEXT_BUTTON_LAST', 'LAST&gt;&gt;');

define('BUTTON_IMAGE_CREATE_ACCOUNT', 'button_create_account.gif');
define('BUTTON_IMAGE_LOG_OFF', 'button_logoff.gif');
/*
 * ALT tags used for buttons
 */

define('BUTTON_CREATE_ACCOUNT_ALT', 'Sign Up');
define('BUTTON_LOG_OFF_ALT', 'Log Off');
define('BUTTON_ADD_TO_CART_ALT', 'Add This to My Cart');
define('BUTTON_ADD_ADDRESS_ALT', 'Add Address');
define('BUTTON_ADD_PRODUCTS_TO_CART_ALT','Add Selected Products to Cart');
define('BUTTON_BACK_ALT', 'Back');
define('BUTTON_BUY_NOW_ALT', 'Buy Now');
define('BUTTON_CANCEL_ALT', 'Cancel');
define('BUTTON_CHANGE_ADDRESS_ALT', 'Change Address');
define('BUTTON_CHECKOUT_ALT', 'Checkout');
define('BUTTON_CONFIRM_SEND_ALT', 'Send Gift Certificate');

//define('BUTTON_CONFIRM_ORDER_ALT', 'Confirm Order');
define('BUTTON_CONFIRM_ORDER_ALT', 'Confirm the Order');

//define('BUTTON_CONTINUE_ALT', 'Continue');
define('BUTTON_CONTINUE_ALT', 'Continue Checkout');

define('BUTTON_CONTINUE_SHOPPING_ALT', 'Continue Shopping');
define('BUTTON_DELETE_ALT', 'Delete');
define('BUTTON_DELETE_SMALL_ALT', 'Delete');
define('BUTTON_DOWNLOAD_ALT', 'Download Now');
define('BUTTON_EDIT_SMALL_ALT', 'Edit');
define('BUTTON_IN_CART_ALT', 'Add to Cart');

//define('BUTTON_LOGIN_ALT', 'Sign In');
define('BUTTON_LOGIN_ALT', 'Login');

define('BUTTON_NEXT_ALT', 'Next');

//define('BUTTON_PREVIOUS_ALT', 'Previous');
define('BUTTON_PREVIOUS_ALT', 'Prev');

define('BUTTON_REDEEM_ALT', 'Redeem');

//define('BUTTON_RETURN_TO_PROD_LIST_ALT', 'Return to the Product List');
define('BUTTON_RETURN_TO_PROD_LIST_ALT', 'Listing');

define('BUTTON_REVIEWS_ALT', 'Go to the Reviews Page');

//Language definitions to separate the buttons for the header search sidebox, the search left/right sidebox, and the advanced search page. Allows for the possibility that alternate text can be used. ie: using the word "Go!" in the search header sidebox. BUTTON_SIDEBOX_SEARCH_ALT and BUTTON_HEADER_SEARCH_ALT has been added.
define('BUTTON_SEARCH_ALT', 'Search');
define('BUTTON_HEADER_SEARCH_ALT', 'Go!');
define('BUTTON_SIDEBOX_SEARCH_ALT', 'Go');

define('BUTTON_SEND_ALT', 'Send Now');
define('BUTTON_SEND_ANOTHER_ALT', 'Send Another Gift Certificate');
define('BUTTON_SEND_A_GIFT_CERT_ALT', 'Send A Gift Certificate');
define('BUTTON_SHIPPING_ESTIMATOR_ALT', 'Shipping Estimator');
define('BUTTON_SOLD_OUT_ALT', 'Sold Out');
define('BUTTON_SOLD_OUT_SMALL_ALT', 'Sold Out');

//define('BUTTON_SUBMIT_ALT', 'Submit the Information');
define('BUTTON_SUBMIT_ALT', 'Submit');

define('BUTTON_UNSUBSCRIBE', 'Unsubscribe');
define('BUTTON_UPDATE_ALT', 'Update');
define('BUTTON_VIEW_SMALL_ALT', 'View');

//define('BUTTON_WRITE_REVIEW_ALT', 'Write Review');
define('BUTTON_WRITE_REVIEW_ALT', 'Write a Review');

//define('BUTTON_READ_REVIEWS_ALT', 'Read the Review');
define('BUTTON_READ_REVIEWS_ALT', 'Read the Reviews');

//define('BUTTON_GOTO_PROD_DETAILS_ALT', 'Go To This Product\'s Detailed Information');
define('BUTTON_GOTO_PROD_DETAILS_ALT', '&nbsp;Product Details&nbsp;');

define('BUTTON_MORE_REVIEWS_ALT', 'Read More Reviews');
    includes/languages/english/YOUR_TEMPLATE/header.php
    Code:
    <?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: header.php 2940 2006-02-02 04:29:05Z drbyte $
 */

// header text in includes/header.php
  define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account');
  define('HEADER_TITLE_MY_ACCOUNT', 'My Account');
  define('HEADER_TITLE_CART_CONTENTS', 'Shopping Cart');
  define('HEADER_TITLE_CHECKOUT', 'Checkout');
  define('HEADER_TITLE_TOP', 'Top');
  define('HEADER_TITLE_CATALOG', 'Home');
  define('HEADER_TITLE_LOGOFF', 'Log Out');
  define('HEADER_TITLE_LOGIN', 'Log In');

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
  define('HEADER_SALES_TEXT', 'TagLine Here');
  define('HEADER_LOGO_WIDTH', '192px');
  define('HEADER_LOGO_HEIGHT', '64px');
  define('HEADER_LOGO_IMAGE', 'logo.gif');

// header Search Button/Box Search Button
// HEADER_SEARCH_BUTTON has been moved to /includes/languages/english/YOUR_TEMPLATE/button_names.php
//  define('HEADER_SEARCH_BUTTON','Search');
  define('HEADER_SEARCH_DEFAULT_TEXT', 'Enter search keywords here');
    includes/templates/YOUR_TEMPLATE/sideboxes/tpl_search.php
    Code:
    <?php
/**
 * Side Box Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2010 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: tpl_search.php 15881 2010-04-11 16:32:39Z wilt $
 */
  $content = "";
  $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent centeredContent">';
  $content .= zen_draw_form('quick_find', zen_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', $request_type, false), 'get');
  $content .= zen_draw_hidden_field('main_page',FILENAME_ADVANCED_SEARCH_RESULT);
  $content .= zen_draw_hidden_field('search_in_description', '1') . zen_hide_session_id();

  if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
    $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px"') . '<br />' . zen_image_submit (BUTTON_IMAGE_SIDEBOX_SEARCH,BUTTON_SIDEBOX_SEARCH_ALT);
    $content .= '<br /><a href="' . zen_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>';
  } else {
    $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '<br />' . zen_image_submit(BUTTON_IMAGE_SIDEBOX_SEARCH,BUTTON_SIDEBOX_SEARCH_ALT);
    $content .= '<br /><a href="' . zen_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>';
  }

  $content .= "</form>";
  $content .= '</div>';
?>
    includes/templates/YOUR_TEMPLATE/sideboxes/tpl_search_header.php
    Code:
    <?php
/**
 * Side Box Template
 *
 * @package templateSystem
 * @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: tpl_search_header.php 9755 2008-09-19 19:47:22Z ajeh $
 */
  $content = "";
  $content .= zen_draw_form('quick_find_header', zen_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', $request_type, false), 'get');
  $content .= zen_draw_hidden_field('main_page',FILENAME_ADVANCED_SEARCH_RESULT);
  $content .= zen_draw_hidden_field('search_in_description', '1') . zen_hide_session_id();

  if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
    $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 100px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '&nbsp;' . zen_image_submit (BUTTON_IMAGE_HEADER_SEARCH,BUTTON_HEADER_SEARCH_ALT);
  } else {
    $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 100px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '&nbsp;' . zen_image_submit (BUTTON_IMAGE_HEADER_SEARCH,BUTTON_HEADER_SEARCH_ALT);
  }

  $content .= "</form>";
?>
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
    Reply With Quote Reply With Quote
  2. 22 Oct 2013, 08:43 PM #2
    DivaVocals's Avatar
    DivaVocals
    DivaVocals is offline Totally Zenned
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,021
    Plugin Contributions
    32

    Default Re: CSS3 Buttons [support thread]

    Answering my own question.. You know how sometimes you look at something for so long that you miss it until you share it with others to see where you messed up..

    Found my own mistake in the code.. something silly really.. Corrected my code in the includes/languages/english/YOUR_TEMPLATE/button_names.php below.. (see changed code in green)

    Here is my corrected CSS:
    Code:
    /* Search Header Sidebox Button */
input.submit_button.button_header_search, input.submit_button.button_sidebox_search {
    background: #9a9a9a;
    color: #fff;
    border: 0px solid #E8E8E8;
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
input.cssButtonHover.button_header_search.button_header_searchHover, input.cssButtonHover.button_sidebox_search.button_sidebox_searchHover {
    background: #ccc;
    color: #111;
    border: 0px solid #E8E8E8;
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
    So what I do need to understand is WHY the hover code needs to be this:
    input.cssButtonHover.button_header_search.button_header_searchHover

    instead of this:
    input.submit_button.button_header_searchHover

    this isn't SUPER important.. just want to understand why the recommended CSS doesn't work for the button hover..

    Quote Originally Posted by DivaVocals View Post
    I'm baaaaaack!!! Breaking stuff again..

    Okay so here's what I am trying to do.. For esthetic reasons I wanted to separate out the "Search" buttons for the three search interfaces (search header, search sidebox, search page). This allows me to use different text on the various search button ("Go!" versus "Search"), or even give each button a different look..

    I've outlined the files I modified and the changes I made to support this.

    Here's the issue.. I want the buttons for the sidebox and the search header to have a slightly look than the rest of my buttons.. But I'm not having good luck here.. I think I've missed something, but I'm not sure what it is..

    This works on the header search the normal button works, but the hover does not.. On the sidebox it doesn't appear to work at all:
    Code:
    /* Search Header Sidebox Button */
input.submit_button.button_header_search, input.submit_button.button_sidebox_search {
    background: #9a9a9a;
    color: #fff;
    border: 0px solid #E8E8E8;
    /*margin: 0;
    padding: .25em;*/
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
input.submit_button.button_header_searchHover, input.submit_button.button_sidebox_searchHover {
    background: #ccc;
    color: #111;
    border: 0px solid #E8E8E8;
    /*margin: 0;
    padding: .25em;*/
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
    This works on the header search both the normal button and hover works.. I can live with that , but I'm not sure why the code has to be so different.. On the sidebox it still doesn't appear to work:
    Code:
    /* Search Header Sidebox Button */
input.submit_button.button_header_search, input.submit_button.button_sidebox_search {
    background: #9a9a9a;
    color: #fff;
    border: 0px solid #E8E8E8;
    /*margin: 0;
    padding: .25em;*/
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
input.cssButtonHover.button_header_search.button_header_searchHover,  input.cssButton.submit_button.button.button_sidebox_searchHover {
    background: #ccc;
    color: #111;
    border: 0px solid #E8E8E8;
    /*margin: 0;
    padding: .25em;*/
    font-family: 'Arial Black', sans-serif;
    font-size: 1em;
    cursor: pointer;
    /*Search button format make into a circle and change font*/
    width: 2.5em !important; height: 2.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform:none;
}
    Here's my test site where you can see all three buttons on one page:
    http://zentestcart(dot)overthehillwe...dvanced_search


    includes/languages/english/YOUR_TEMPLATE/button_names.php     (items in blue are to support making CSS buttons text match most image button sets)
    Code:
    <?php
/**
 * @package languageDefines
 * @copyright Copyright 2003-2011 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: button_names.php 19690 2011-10-04 16:41:45Z drbyte $
 */


/**
 * define the button images used in the project
 */

define('BUTTON_IMAGE_ADD_TO_CART', 'button_add_to_cart.gif');
define('BUTTON_IMAGE_ADD_ADDRESS', 'button_add_address.gif');
define('BUTTON_IMAGE_ADD_PRODUCTS_TO_CART','button_add_selected.gif');
define('BUTTON_IMAGE_BACK', 'button_back.gif');
define('BUTTON_IMAGE_BUY_NOW', 'button_buy_now.gif');
define('BUTTON_IMAGE_CANCEL', 'button_cancel.gif');
define('BUTTON_IMAGE_CHANGE_ADDRESS', 'button_change_address.gif');
define('BUTTON_IMAGE_CHECKOUT', 'button_checkout.gif');
define('BUTTON_IMAGE_CONFIRM_SEND', 'button_confirm_send.gif');
define('BUTTON_IMAGE_CONFIRM_ORDER', 'button_confirm_order.gif');
define('BUTTON_IMAGE_CONTINUE', 'button_continue.gif');
define('BUTTON_IMAGE_CONTINUE_SHOPPING', 'button_continue_shopping.gif');
define('BUTTON_IMAGE_DELETE', 'button_delete.gif');
define('BUTTON_IMAGE_DELETE_SMALL', 'button_delete_small.gif');
define('BUTTON_IMAGE_DOWNLOAD', 'button_download.gif');
define('BUTTON_IMAGE_EDIT_SMALL', 'small_edit.gif');
define('BUTTON_IMAGE_IN_CART', 'button_in_cart.gif');
define('BUTTON_IMAGE_LOGIN', 'button_login.gif');
define('BUTTON_IMAGE_NEXT', 'button_next.gif');
define('BUTTON_IMAGE_PREVIOUS', 'button_prev.gif');
define('BUTTON_IMAGE_REDEEM', 'button_redeem.gif');
define('BUTTON_IMAGE_RETURN_TO_PROD_LIST', 'button_return_to_product_list.gif');
define('BUTTON_IMAGE_REVIEWS', 'button_reviews.gif');

//Separate the buttons for header search sidebox and the left/right sidebox. Allows for the possibility that alternate search buttons can be used. ie: search button that has the word "Go!" instead of "Search". BUTTON_IMAGE_SIDEBOX_SEARCH and BUTTON_IMAGE_HEADER_SEARCH has been added.
define('BUTTON_IMAGE_SEARCH', 'button_search.gif');
define('BUTTON_IMAGE_SIDEBOX_SEARCH', 'button_sidebox_search.gif'); /*image file does NOT have to exist for CSS buttons to work, but the constant name for the image file needs to be defined and it must match the constant*/
define('BUTTON_IMAGE_HEADER_SEARCH', 'button_header_search.gif');/*image file does NOT have to exist for CSS buttons to work, but the constant name for the image file needs to be defined and it must match the constant*/

define('BUTTON_IMAGE_SEND', 'button_send.gif');
define('BUTTON_IMAGE_SEND_A_GIFT_CERT', 'button_send_a_gift_cert.gif');
define('BUTTON_IMAGE_SEND_ANOTHER', 'button_send_another.gif');
define('BUTTON_IMAGE_SHIPPING_ESTIMATOR', 'button_shipping_estimator.gif');
define('BUTTON_IMAGE_SOLD_OUT','button_sold_out.gif');
define('BUTTON_IMAGE_SOLD_OUT_SMALL','button_sold_out_sm.gif');
define('BUTTON_IMAGE_SUBMIT', 'button_submit.gif');
define('BUTTON_IMAGE_UNSUBSCRIBE', 'button_unsubscribe.gif');
define('BUTTON_IMAGE_UPDATE', 'button_update.gif');
define('BUTTON_IMAGE_VIEW_SMALL', 'button_view.gif');
define('BUTTON_IMAGE_WRITE_REVIEW', 'button_write_review.gif');

define('BUTTON_IMAGE_READ_REVIEWS', 'button_read_reviews.gif');
define('BUTTON_IMAGE_GOTO_PROD_DETAILS', 'button_goto_prod_details.gif');
define('BUTTON_IMAGE_MORE_REVIEWS', 'button_more_reviews.gif');
define('BUTTON_IMAGE_CONTINUE_CHECKOUT', 'button_continue_checkout.gif');
//define('PREVNEXT_BUTTON_NEXT', '[Next&nbsp;&gt;&gt;]');
//define('PREVNEXT_BUTTON_LAST', 'LAST&gt;&gt;');

define('BUTTON_IMAGE_CREATE_ACCOUNT', 'button_create_account.gif');
define('BUTTON_IMAGE_LOG_OFF', 'button_logoff.gif');
/*
 * ALT tags used for buttons
 */

define('BUTTON_CREATE_ACCOUNT_ALT', 'Sign Up');
define('BUTTON_LOG_OFF_ALT', 'Log Off');
define('BUTTON_ADD_TO_CART_ALT', 'Add This to My Cart');
define('BUTTON_ADD_ADDRESS_ALT', 'Add Address');
define('BUTTON_ADD_PRODUCTS_TO_CART_ALT','Add Selected Products to Cart');
define('BUTTON_BACK_ALT', 'Back');
define('BUTTON_BUY_NOW_ALT', 'Buy Now');
define('BUTTON_CANCEL_ALT', 'Cancel');
define('BUTTON_CHANGE_ADDRESS_ALT', 'Change Address');
define('BUTTON_CHECKOUT_ALT', 'Checkout');
define('BUTTON_CONFIRM_SEND_ALT', 'Send Gift Certificate');

//define('BUTTON_CONFIRM_ORDER_ALT', 'Confirm Order');
define('BUTTON_CONFIRM_ORDER_ALT', 'Confirm the Order');

//define('BUTTON_CONTINUE_ALT', 'Continue');
define('BUTTON_CONTINUE_ALT', 'Continue Checkout');

define('BUTTON_CONTINUE_SHOPPING_ALT', 'Continue Shopping');
define('BUTTON_DELETE_ALT', 'Delete');
define('BUTTON_DELETE_SMALL_ALT', 'Delete');
define('BUTTON_DOWNLOAD_ALT', 'Download Now');
define('BUTTON_EDIT_SMALL_ALT', 'Edit');
define('BUTTON_IN_CART_ALT', 'Add to Cart');

//define('BUTTON_LOGIN_ALT', 'Sign In');
define('BUTTON_LOGIN_ALT', 'Login');

define('BUTTON_NEXT_ALT', 'Next');

//define('BUTTON_PREVIOUS_ALT', 'Previous');
define('BUTTON_PREVIOUS_ALT', 'Prev');

define('BUTTON_REDEEM_ALT', 'Redeem');

//define('BUTTON_RETURN_TO_PROD_LIST_ALT', 'Return to the Product List');
define('BUTTON_RETURN_TO_PROD_LIST_ALT', 'Listing');

define('BUTTON_REVIEWS_ALT', 'Go to the Reviews Page');

//Language definitions to separate the buttons for the header search sidebox, the search left/right sidebox, and the advanced search page. Allows for the possibility that alternate text can be used. ie: using the word "Go!" in the search header sidebox. BUTTON_SIDEBOX_SEARCH_ALT and BUTTON_HEADER_SEARCH_ALT has been added.
define('BUTTON_SEARCH_ALT', 'Search');
define('BUTTON_HEADER_SEARCH_ALT', 'Go!');
define('BUTTON_SIDEBOX_SEARCH_ALT', 'Go');

define('BUTTON_SEND_ALT', 'Send Now');
define('BUTTON_SEND_ANOTHER_ALT', 'Send Another Gift Certificate');
define('BUTTON_SEND_A_GIFT_CERT_ALT', 'Send A Gift Certificate');
define('BUTTON_SHIPPING_ESTIMATOR_ALT', 'Shipping Estimator');
define('BUTTON_SOLD_OUT_ALT', 'Sold Out');
define('BUTTON_SOLD_OUT_SMALL_ALT', 'Sold Out');

//define('BUTTON_SUBMIT_ALT', 'Submit the Information');
define('BUTTON_SUBMIT_ALT', 'Submit');

define('BUTTON_UNSUBSCRIBE', 'Unsubscribe');
define('BUTTON_UPDATE_ALT', 'Update');
define('BUTTON_VIEW_SMALL_ALT', 'View');

//define('BUTTON_WRITE_REVIEW_ALT', 'Write Review');
define('BUTTON_WRITE_REVIEW_ALT', 'Write a Review');

//define('BUTTON_READ_REVIEWS_ALT', 'Read the Review');
define('BUTTON_READ_REVIEWS_ALT', 'Read the Reviews');

//define('BUTTON_GOTO_PROD_DETAILS_ALT', 'Go To This Product\'s Detailed Information');
define('BUTTON_GOTO_PROD_DETAILS_ALT', '&nbsp;Product Details&nbsp;');

define('BUTTON_MORE_REVIEWS_ALT', 'Read More Reviews');
    includes/languages/english/YOUR_TEMPLATE/header.php
    Code:
    <?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: header.php 2940 2006-02-02 04:29:05Z drbyte $
 */

// header text in includes/header.php
  define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account');
  define('HEADER_TITLE_MY_ACCOUNT', 'My Account');
  define('HEADER_TITLE_CART_CONTENTS', 'Shopping Cart');
  define('HEADER_TITLE_CHECKOUT', 'Checkout');
  define('HEADER_TITLE_TOP', 'Top');
  define('HEADER_TITLE_CATALOG', 'Home');
  define('HEADER_TITLE_LOGOFF', 'Log Out');
  define('HEADER_TITLE_LOGIN', 'Log In');

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
  define('HEADER_SALES_TEXT', 'TagLine Here');
  define('HEADER_LOGO_WIDTH', '192px');
  define('HEADER_LOGO_HEIGHT', '64px');
  define('HEADER_LOGO_IMAGE', 'logo.gif');

// header Search Button/Box Search Button
// HEADER_SEARCH_BUTTON has been moved to /includes/languages/english/YOUR_TEMPLATE/button_names.php
//  define('HEADER_SEARCH_BUTTON','Search');
  define('HEADER_SEARCH_DEFAULT_TEXT', 'Enter search keywords here');
    includes/templates/YOUR_TEMPLATE/sideboxes/tpl_search.php
    Code:
    <?php
/**
 * Side Box Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2010 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: tpl_search.php 15881 2010-04-11 16:32:39Z wilt $
 */
  $content = "";
  $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent centeredContent">';
  $content .= zen_draw_form('quick_find', zen_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', $request_type, false), 'get');
  $content .= zen_draw_hidden_field('main_page',FILENAME_ADVANCED_SEARCH_RESULT);
  $content .= zen_draw_hidden_field('search_in_description', '1') . zen_hide_session_id();

  if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
    $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px"') . '<br />' . zen_image_submit (BUTTON_IMAGE_SIDEBOX_SEARCH,BUTTON_SIDEBOX_SEARCH_ALT);
    $content .= '<br /><a href="' . zen_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>';
  } else {
    $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '<br />' . zen_image_submit(BUTTON_IMAGE_SIDEBOX_SEARCH,BUTTON_SIDEBOX_SEARCH_ALT);
    $content .= '<br /><a href="' . zen_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>';
  }

  $content .= "</form>";
  $content .= '</div>';
?>
    includes/templates/YOUR_TEMPLATE/sideboxes/tpl_search_header.php
    Code:
    <?php
/**
 * Side Box Template
 *
 * @package templateSystem
 * @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: tpl_search_header.php 9755 2008-09-19 19:47:22Z ajeh $
 */
  $content = "";
  $content .= zen_draw_form('quick_find_header', zen_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', $request_type, false), 'get');
  $content .= zen_draw_hidden_field('main_page',FILENAME_ADVANCED_SEARCH_RESULT);
  $content .= zen_draw_hidden_field('search_in_description', '1') . zen_hide_session_id();

  if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
    $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 100px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '&nbsp;' . zen_image_submit (BUTTON_IMAGE_HEADER_SEARCH,BUTTON_HEADER_SEARCH_ALT);
  } else {
    $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 100px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '&nbsp;' . zen_image_submit (BUTTON_IMAGE_HEADER_SEARCH,BUTTON_HEADER_SEARCH_ALT);
  }

  $content .= "</form>";
?>
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
    Reply With Quote Reply With Quote
  3. 22 Oct 2013, 11:11 PM #3
    lat9's Avatar
    lat9
    lat9 is offline Administrator
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,905
    Plugin Contributions
    96

    Default Re: CSS3 Buttons [support thread]

    I'll give it a peek ... probably tomorrow!
    My website
    Reply With Quote Reply With Quote
  4. 23 Oct 2013, 12:04 AM #4
    DivaVocals's Avatar
    DivaVocals
    DivaVocals is offline Totally Zenned
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,021
    Plugin Contributions
    32

    Default Re: CSS3 Buttons [support thread]

    Quote Originally Posted by lat9 View Post
    I'll give it a peek ... probably tomorrow!
    Thanks.. no big hurry really.. What I have going works.. I'm just perplexed why the shorthand version of the CSS doesn't work..
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
    Reply With Quote Reply With Quote
 

 
« Previous Thread | Next Thread »

Similar Threads

  1. Hebrew Support - latest release [Support Thread]
    By eranariel in forum Addon Language Packs
    Replies: 22
    Last Post: 26 Jan 2026, 06:47 AM
  2. SysCheck [support thread]
    By swguy in forum All Other Contributions/Addons
    Replies: 36
    Last Post: 24 Oct 2020, 05:28 AM
  3. v150 CSS Buttons for Admin [Support Thread]
    By lat9 in forum All Other Contributions/Addons
    Replies: 19
    Last Post: 24 Dec 2015, 09:13 PM
  4. goMobile Support Thread
    By steveyork136 in forum Addon Templates
    Replies: 29
    Last Post: 26 Aug 2015, 11:56 AM
  5. Wordpress On ZC [Support Thread]
    By hira in forum All Other Contributions/Addons
    Replies: 1858
    Last Post: 17 Jan 2014, 01:24 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules

disjunctive-egg
Content and Graphics Copyright (c) 2003 - 2026 Zen Ventures, LLC - all rights reserved
Zen Cart® is a Registered Trademark of Zen Ventures, LLC