change color of product price

[dinopacha]

@ACallresources​

 

you can change the color of the product price by folowing:

 

catalog/product_info.php

find:
<h1 class="pull-right" itemprop="offers" itemscope itemtype="http://schema.org/Offer"><?php echo $products_price; ?></h1>


change to:
<h1 class="pull-right pricetag" itemprop="offers" itemscope itemtype="http://schema.org/Offer"><?php echo $products_price; ?></h1>

​catalog/user.css:

add the following to user.css

.pull-right {
  color: red;
}

[♥Tsimi]

Small fix:

.pricetag {
  color: red;
}

[ACallresources]

Thank you very much experts!  However, there is not any <h1 class="pull-right" itemprop="offers" itemscope itemtype=..

in catalog/product_info.php.  There is not any word "pull-right"  nor itemprop neither?

 

Here is my product_info.php:

 

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright © 2014 osCommerce

  Released under the GNU General Public License
*/

  require('includes/application_top.php');

  if (!isset($HTTP_GET_VARS['products_id'])) {
    tep_redirect(tep_href_link(FILENAME_DEFAULT));
  }

  require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_PRODUCT_INFO);

  $product_check_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
  $product_check = tep_db_fetch_array($product_check_query);

  require(DIR_WS_INCLUDES . 'template_top.php');

  if ($product_check['total'] < 1) {
?>
<div class="contentContainer">
  <div class="contentText">
    <?php echo TEXT_PRODUCT_NOT_FOUND; ?>
  </div>

  <div style="float: right;">
    <?php echo tep_draw_button(IMAGE_BUTTON_CONTINUE, 'triangle-1-e', tep_href_link(FILENAME_DEFAULT)); ?>
  </div>
</div>

<?php
  } else {
    $product_info_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_model, p.products_quantity, p.products_image, pd.products_url, p.products_price, p.products_tax_class_id, p.products_date_added, p.products_date_available, p.manufacturers_id from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
    $product_info = tep_db_fetch_array($product_info_query);

    tep_db_query("update " . TABLE_PRODUCTS_DESCRIPTION . " set products_viewed = products_viewed+1 where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and language_id = '" . (int)$languages_id . "'");

    if ($new_price = tep_get_products_special_price($product_info['products_id'])) {
      $products_price = '<del>' . $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) . '</del> <span class="productSpecialPrice">' . $currencies->display_price($new_price, tep_get_tax_rate($product_info['products_tax_class_id'])) . '</span>';
    } else {
      $products_price = $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id']));
    }

    if (tep_not_null($product_info['products_model'])) {
      $products_name = $product_info['products_name'] . '<br /><span class="smallText">[' . $product_info['products_model'] . ']</span>';
    } else {
      $products_name = $product_info['products_name'];
    }
?>

<?php echo tep_draw_form('cart_quantity', tep_href_link(FILENAME_PRODUCT_INFO, tep_get_all_get_params(array('action')) . 'action=add_product')); ?>

<div>
  <h1 style="float: right;"><?php echo $products_price; ?></h1>
  <h1><?php echo $products_name; ?></h1>
</div>

<div class="contentContainer">
  <div class="contentText">

<?php
    if (tep_not_null($product_info['products_image'])) {
      $photoset_layout = '1';

      $pi_query = tep_db_query("select image, htmlcontent from " . TABLE_PRODUCTS_IMAGES . " where products_id = '" . (int)$product_info['products_id'] . "' order by sort_order");
      $pi_total = tep_db_num_rows($pi_query);

      if ($pi_total > 0) {
        $pi_sub = $pi_total-1;

        while ($pi_sub > 5) {
          $photoset_layout .= 5;
          $pi_sub = $pi_sub-5;
        }

        if ($pi_sub > 0) {
          $photoset_layout .= ($pi_total > 5) ? 5 : $pi_sub;
        }
?>

    <div id="piGal">

<?php
        $pi_counter = 0;
        $pi_html = array();

        while ($pi = tep_db_fetch_array($pi_query)) {
          $pi_counter++;

          if (tep_not_null($pi['htmlcontent'])) {
            $pi_html[] = '<div id="piGalDiv_' . $pi_counter . '">' . $pi['htmlcontent'] . '</div>';
          }

          echo tep_image(DIR_WS_IMAGES . $pi['image'], '', '', '', 'id="piGalImg_' . $pi_counter . '"');
        }
?>

    </div>

<?php
        if ( !empty($pi_html) ) {
          echo '    <div style="display: none;">' . implode('', $pi_html) . '</div>';
        }
      } else {
?>

    <div id="piGal">
      <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name'])); ?>
    </div>

<?php
      }
    }
?>

<script type="text/javascript">
$(function() {
  $('#piGal').css({
    'visibility': 'hidden'
  });

  $('#piGal').photosetGrid({
    layout: '<?php echo $photoset_layout; ?>',
    width: '250px',
    highresLinks: true,
    rel: 'pigallery',
    onComplete: function() {
      $('#piGal').css({ 'visibility': 'visible'});

      $('#piGal a').colorbox({
        maxHeight: '90%',
        maxWidth: '90%',
        rel: 'pigallery'
      });

      $('#piGal img').each(function() {
        var imgid = $(this).attr('id').substring(9);

        if ( $('#piGalDiv_' + imgid).length ) {
          $(this).parent().colorbox({ inline: true, href: "#piGalDiv_" + imgid });
        }
      });
    }
  });
});
</script>

<?php echo stripslashes($product_info['products_description']); ?>

<?php
    $products_attributes_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "'");
    $products_attributes = tep_db_fetch_array($products_attributes_query);
    if ($products_attributes['total'] > 0) {
?>

    <p><?php echo TEXT_PRODUCT_OPTIONS; ?></p>

    <p>
<?php
      $products_options_name_query = tep_db_query("select distinct popt.products_options_id, popt.products_options_name from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "' order by popt.products_options_name");
      while ($products_options_name = tep_db_fetch_array($products_options_name_query)) {
        $products_options_array = array();
        $products_options_query = tep_db_query("select pov.products_options_values_id, pov.products_options_values_name, pa.options_values_price, pa.price_prefix from " . TABLE_PRODUCTS_ATTRIBUTES . " pa, " . TABLE_PRODUCTS_OPTIONS_VALUES . " pov where pa.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pa.options_id = '" . (int)$products_options_name['products_options_id'] . "' and pa.options_values_id = pov.products_options_values_id and pov.language_id = '" . (int)$languages_id . "'");
        while ($products_options = tep_db_fetch_array($products_options_query)) {
          $products_options_array[] = array('id' => $products_options['products_options_values_id'], 'text' => $products_options['products_options_values_name']);
          if ($products_options['options_values_price'] != '0') {
            $products_options_array[sizeof($products_options_array)-1]['text'] .= ' (' . $products_options['price_prefix'] . $currencies->display_price($products_options['options_values_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) .') ';
          }
        }

        if (is_string($HTTP_GET_VARS['products_id']) && isset($cart->contents[$HTTP_GET_VARS['products_id']]['attributes'][$products_options_name['products_options_id']])) {
          $selected_attribute = $cart->contents[$HTTP_GET_VARS['products_id']]['attributes'][$products_options_name['products_options_id']];
        } else {
          $selected_attribute = false;
        }
?>
      <strong><?php echo $products_options_name['products_options_name'] . ':'; ?></strong><br /><?php echo tep_draw_pull_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute); ?><br />
<?php
      }
?>
    </p>

<?php
    }
?>

    <div style="clear: both;"></div>

<?php
    if ($product_info['products_date_available'] > date('Y-m-d H:i:s')) {
?>

    <p style="text-align: center;"><?php echo sprintf(TEXT_DATE_AVAILABLE, tep_date_long($product_info['products_date_available'])); ?></p>


<?php
    }
?>

  </div>


<?php
    $reviews_query = tep_db_query("select count(*) as count from " . TABLE_REVIEWS . " r, " . TABLE_REVIEWS_DESCRIPTION . " rd where r.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and r.reviews_id = rd.reviews_id and rd.languages_id = '" . (int)$languages_id . "' and reviews_status = 1");
    $reviews = tep_db_fetch_array($reviews_query);
?>

  <div class="buttonSet">
    <span class="buttonAction"><?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_draw_button(IMAGE_BUTTON_IN_CART, 'cart', null, 'primary'); ?></span>

    <?php echo tep_draw_button(IMAGE_BUTTON_REVIEWS . (($reviews['count'] > 0) ? ' (' . $reviews['count'] . ')' : ''), 'comment', tep_href_link(FILENAME_PRODUCT_REVIEWS, tep_get_all_get_params())); ?>
  </div>

<?php
    if ((USE_CACHE == 'true') && empty($SID)) {
      echo tep_cache_also_purchased(3600);
    } else {
      include(DIR_WS_MODULES . FILENAME_ALSO_PURCHASED_PRODUCTS);
    }
?>

</div>

</form>

<?php
  }

  require(DIR_WS_INCLUDES . 'template_bottom.php');
  require(DIR_WS_INCLUDES . 'application_bottom.php');
?>
 

[dinopacha]

@ ACallresources 

 

You have to look for the code beneath

<h1 style="float: right;"><?php echo $products_price; ?></h1>​

[ACallresources]

Hi all,

 

Good day to all!

 

At file catalog/product_info.php, I modified and added pricetag like this.  It still

does not work chang the price color:

 

<h1 style="float: right pricetag;"><?php echo $products_price; ?></h1>

 

At stylesheet.css, I have this and also tried to change with other ways as well.

It still does not work.

 

.pricetag {
  color: red;

[♥Tsimi]

<h1 class="pricetag" style="float: right;"><?php echo $products_price; ?></h1>

 

And css

 

.pricetag ｛

color: #ff0000;

｝

[ACallresources]

Thanks Tsimi for trying to help!

 

It still does not work changing the price color:

 

Here is what I have at file catalog/product_info.php

<div>
  <h1 class="pricetag" style="float: right;"><?php echo $products_price; ?></h1>
    <h1><?php echo $products_name; ?></h1>
</div>

 

At CSS:

 

 .pricetag {
 color: #ff0000;
}

[ACallresources]

Tsimi, I just rechecked.  The code you gave me actually change the individual product price only and not the main Catalog displaying.  And right now each individual product lists 2 price like this $18.25 $18.25 in red.

[♥Tsimi]

@@ACallresources

 

You posted your product_info.php code above that is why we try to show you the changes for that page only.

If you have the price twice then you have the code also twice in there which is not needed.

 

You have this code inside the product_info.php

<div>
  <h1 style="float: right;"><?php echo $products_price; ?></h1>
  <h1><?php echo $products_name; ?></h1>
</div>

that one you change to

<div>
  <h1 class="pricetag" style="float: right;"><?php echo $products_price; ?></h1>
  <h1><?php echo $products_name; ?></h1>
</div>

what you do is just adding a new class to the h1 tag. In this case class="pricetag"

Then inside the css you set up that new class.

.pricetag {
 color: #ff0000;
}

This works for every page in your shop. You can either add new classes or change already existing classes.

My advice is, learn basic css. (http://www.w3schools.com/css/default.asp) It is really not difficult and it will help you a great deal when changing the appearance of your shop.

To change the color of the price in the product listing you have to look how the catalog/includes/modules/product_listing.php file looks like and do your changes there. You got already a new class remember (pricetag) you can use that same class for the listing too.

This is the code you need to look for

          case 'PRODUCT_LIST_PRICE':
            if (tep_not_null($listing['specials_new_products_price'])) {
              $prod_list_contents .= '        <td align="right"><del>' .  $currencies->display_price($listing['products_price'], tep_get_tax_rate($listing['products_tax_class_id'])) . '</del>  <span class="productSpecialPrice">' . $currencies->display_price($listing['specials_new_products_price'], tep_get_tax_rate($listing['products_tax_class_id'])) . '</span></td>';
            } else {
              $prod_list_contents .= '        <td align="right">' . $currencies->display_price($listing['products_price'], tep_get_tax_rate($listing['products_tax_class_id'])) . '</td>';
            }
            break;

[ACallresources]

Good day to all!

Thank you very much Tsimi for your valuable hard learned knowledge and experience!

I still do not know where or which the php file to change price color for products at Catalog.

I hope you know too.  With your so nice help I located and could change for individual product

and products at Categories.

 Here:

This does not work changing the price color for individual product after clicking on it:
products_Info.php

<h1 class="pricetag" style="float: right;"><?php echo $products_price; ?></h1>
 

At stylesheet.css:
 
.pricetag {
 color: #ff0000;
}

This changes the price color listing for at Categories
AT Include/Module/product_listing.php

Locate:
 $prod_list_contents .= '        <td align="right">' . $currencies->display_price($listing['products_price'], tep_get_tax_rate($listing['products_tax_class_id'])) . '</td>';
            }
Then Insert class="pricetag" after <td ..
Like this: <td align="right">' . $currencies->display_price($listing['products_price'], tep_get_tax_rate($listing['products_tax_class_id'])) .

[ACallresources]

Typo Correction:

 

Error at: This does not work changing the price color for individual product after clicking on it:
products_Info.php

 

What I meant is: This does changing the price color for individual product after clicking on it:
products_Info.php

[ACallresources]

Where or which the php file to change color of price for products listed at the main Catalog? Anyone know how and can help please?

[allaboutwicker]

Hi Peter,

 

Please let us know which version oscommerce you are using as I do not see it in the thread anywhere. Is it 2.3.4 regular or Bootstrap version? Also, can you take a screen shot of the page perhaps of where you want the price color changed for reference as to the exact one?

[ACallresources]

Hi allaboutwicker,

 

How are you today?

 

The version currently installed is regular

at my host and the exact place I would like

to change the color of listed prices is exactly

here:

 

http://prntscr.com/8quq7a

Thank you very much!

[ArtcoInc]

@@ACallresources

The version currently installed is regular

at my host ...

 

Peter, do note that ISPs are often several versions behind on their 'free installs', and that you still haven't told us which version you are running.

 

It is always best to install the software yourself, rather than use the 'one click install' many ISPs offer. This way, you not only know that you have the latest version, but you also know how to upgrade the software when a new version comes along. Your ISP isn't going to do that for you.

 

Also, you should learn how to do a full backup and restore of your store, as this will save your butt when things go wrong later.

 

Malcolm

[dinopacha]

@ACallresources​

 

You have to give the p an class because the productinfo also use a p.

So if you change color in p you give the productinfo also the same color.

Thats why you have to give the p an extra class.

b.t.w.

you can see it easily when you open Firefox, click with your right mouse button on the screen and choose inspect element.

now you can see all the classes you need to change your website.

[ACallresources]

Hi allaboutwicker and friends,

 

The version you asked for is osCommerce Online Merchant v2.3.4.

 

I am not sure which PHP file exactly to change the color of listed prices

at this location:

http://prntscr.com/8quq7a

 

I hope someone can show easy way to change it.  I applied html Font tag

to rpice field.  However, still it does not work/

Thank you very much!

[ACallresources]

Thank you very much friends for your help!  I have found it here:

http://acallresources.com/Images/InstructionToChangeStorePriceColorKG.jpg