Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Changing style in product page... Anyone?

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 12-24-2006, 06:37 AM
 
xcarter xcarter is offline
 

Senior Member
  
Join Date: Sep 2005
Posts: 146
 

Smile Changing style in product page... Anyone?

Hi, guys.

Thanks Shan for the bit of code there.
http://forum.x-cart.com/showthread.php?p=154141#post154141

Would someone possibly be able to help me here...

I'm trying to get all the prices the same size and color on the product page.
http://www.homesense.com.au/Boost-Cl...-pr-16205.html

Though I can not find it on skin1.css - I've trialed everything I could think of.

ANy help would be much appreciated.

Cheers.
__________________
Version 4.1.9
Reply With Quote
  #2  
Old 12-24-2006, 07:07 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Changing style in product page... Anyone?

Just have a look at customer/main/product.tpl and see what styles are called for each piece.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #3  
Old 12-27-2006, 06:38 AM
 
xcarter xcarter is offline
 

Senior Member
  
Join Date: Sep 2005
Posts: 146
 

Default Re: Changing style in product page... Anyone?

Thanks balinor, though I wish it was that easy. I've played around with all parts on the style sheet - it's as if it's not being called from there.

Below is the code for my products.tpl: Hopefully someone can help me...

Cheers guys.


{* $Id: product.tpl,v 1.96.2.11 2004/11/09 14:57:50 max Exp $ *}
{include file="form_validation_js.tpl"}
{if $product.product_type eq "C"}
{include file="modules/Product_Configurator/pconf_customer_product.tpl"}
{else}
{capture name=dialog}
<TABLE border="0" width="100%">
<FORM name="orderform" method="post" action="cart.php?mode=add" OnSubmit="javascript: return FormValidation();">
<TR>
{***----ORIGINAL THUMBNAIL----
<TD valign="top" align="left" rowspan="2" width="100">
{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.image_x image_y=$product.image_y product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail"}

----ORIGINAL THUMBNAIL----***}

{***--FIRST DETAILED IMAGE--***}

{if $active_modules.Detailed_Product_Images ne ""}



{include file="modules/Detailed_Product_Images/product_images_one.tpl" }
{/if}
</TD>
{***--FIRST DETAILED IMAGE--***}

</TR>
<TR>
<TD valign="top">
<SPAN class=>
{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}
</SPAN>
{if $product.have_offers and $active_modules.Special_Offers}
{include file="modules/Special_Offers/customer/product_offer_detailed.tpl" product=$product}
{/if}



<TABLE width="100%" cellpadding="0" cellspacing="0" border="0">
<TR><TD colspan="2"><FONT class="ProductDetailsTitle">{$lng.lbl_details}</FONT></TD></TR>
<TR><TD class="Line" height="1" colspan="2">[img]{$ImagesDir}/spacer.gif[/img]</TD></TR>
<TR><TD colspan="2"></TD></TR>
{if $config.Appearance.show_in_stock eq "Y" and $config.General.unlimited_products ne "Y" and $product.distribution eq ""}
<TR><TD width="30%">{$lng.lbl_quantity}</TD><TD nowrap><SPAN id="product_avail_txt">{if $product.avail gt 0}{$product.avail}</SPAN>{else}{$lng.txt_no}{/if} {$lng.txt_items_available}</TD></TR>
{/if}
{if $product.weight ne "0.00"}<TR><TD width="30%">{$lng.lbl_weight}</TD><TD nowrap><SPAN id="product_weight">{$product.weight}</SPAN> {$config.General.weight_symbol}</TD></TR>{/if}
{if $active_modules.Extra_Fields ne ""}
{include file="modules/Extra_Fields/product.tpl"}
{/if}
{if $active_modules.Feature_Comparison ne ""}
{include file="modules/Feature_Comparison/product.tpl"}
{/if}
{if $active_modules.Subscriptions ne "" and $subscription}
{include file="modules/Subscriptions/subscription_info.tpl"}
{else}
<TR><TD class="ProductPriceConverting" valign="top">{$lng.lbl_price}:</TD>
<TD valign="top">
{if $product.taxed_price ne 0 || $variants ne ''}
<FONT class="ProductDetailsTitle"><SPAN id="product_price">{include file="currency.tpl" value=$product.taxed_price}</SPAN></FONT><FONT class="MarketPrice"> <SPAN id="product_alt_price">{include file="customer/main/alter_currency_value.tpl" alter_currency_value=$product.taxed_price}</SPAN></FONT>
{if $product.taxes}
{include file="customer/main/taxed_price.tpl" taxes=$product.taxes}{/if}
{else}
<INPUT type="text" size="7" name="price">
{/if}
</TD>
</TR>
<TR>
<TD class="ProductPriceConverting" valign="top">List Price:</TD>
<TD valign="top">{include file="currency.tpl" value=$product.list_price}</TD>
</TR>
<TR>
<TD class="ProductPriceConverting" valign="top"></TD>
<TD valign="top"></TD>
</TR>
<TR>
<TD class="ProductPriceConverting" valign="top">You Save:{if $product.taxed_price gt 0 and $product.list_price gt 0 and $product.taxed_price lt $product.list_price} </TD>
<TD valign="top"> {math equation="lprice-price" price=$product.price lprice=$product.list_price format="%.2f" assign=discount}
<SPAN class="ProductPriceConverting" id="save_percent">${ $discount }</SPAN>{/if}</TD>
</TR>
{/if}
</TABLE>



<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">
<TR><TD colspan="2">
<FONT class="ProductDetailsTitle">{$lng.lbl_options}</FONT>
</TD></TR>
<TR><TD class="Line" height="1" colspan="2">[img]{$ImagesDir}/spacer.gif[/img]</TD></TR>
<TR><TD colspan="2"></TD></TR>
{if $active_modules.Product_Options ne ""}
{ include file="modules/Product_Options/customer_options.tpl"}
{/if}
<TR><TD height="25" width="30%">{$lng.lbl_quantity}{if $product.min_amount gt 1}
<FONT class="ProductDetailsTitle">{$lng.txt_need_min_amo unt} {$product.min_amount} {$lng.lbl_items}</FONT>{/if}</TD>
<TD>
{if $config.General.unlimited_products eq "N" and ($product.avail le 0 or $product.avail lt $product.min_amount) and $variants eq ''}
<SCRIPT type="text/javascript" language="JavaScript 1.2">
var min_avail = 1;
var avail = 0;
var product_avail = 0;
</SCRIPT>
{$lng.txt_out_of_stock}
{else}
{if $config.General.unlimited_products eq "Y"}
{math equation="x+1" assign="mq" x=$config.Appearance.max_select_quantity}
{else}
{math equation="x/y" x=$config.Appearance.max_select_quantity y=$product.min_amount assign="tmp"}
{if $tmp<2}
{assign var="minamount" value=$product.min_amount}
{else}
{assign var="minamount" value=0}
{/if}
{math equation="min(maxquantity+minamount, productquantity)+1" assign="mq" maxquantity=$config.Appearance.max_select_quantity minamount=$minamount productquantity=$product.avail}
{/if}
{if $product.distribution eq ""}
{if $product.min_amount le 1}
{assign var="start_quantity" value=1}
{else}
{assign var="start_quantity" value=$product.min_amount}
{/if}
<SCRIPT type="text/javascript" language="JavaScript 1.2">
var min_avail = {$start_quantity|default:1};
var avail = {$mq|default:1}-1;
var product_avail = {$product.avail|default:"0"};
</SCRIPT>
<SELECT id="product_avail" name="amount"{if $active_modules.Product_Options ne '' && $product_options ne ''} onchange="check_wholesale(this.value);"{/if}>
{section name=quantity loop=$mq start=$start_quantity}
<OPTION value="{%quantity.index%}" {if $smarty.get.quantity eq %quantity.index%}selected{/if}>{%quantity.index%}</OPTION>
{/section}
</SELECT>
{else}
<FONT class="ProductDetailsTitle">1</FONT><INPUT type="hidden" name="amount" value="1"> {$lng.txt_product_downloadable}
{/if}
{/if}
</TD></TR>
<TR><TD colspan="2">
<INPUT type="hidden" name="mode" value="add">
{include file="customer/main/product_prices.tpl"}
{if $config.General.unlimited_products eq "Y" or ($product.avail gt 0 and $product.avail ge $product.min_amount)}
{if $js_enabled}


{if $smarty.get.pconf ne ""}
<INPUT type="hidden" name="slot" value="{$smarty.get.slot}">
<INPUT type="hidden" name="addproductid" value="{$product.productid}">
{include file="buttons/button.tpl" button_title=$lng.lbl_pconf_add_to_configuration style="button" href="javascript:if (FormValidation()) `$ldelim`document.orderform.productid.value='`$sma rty.get.pconf`';document.orderform.action='pconf.p hp';document.orderform.submit()`$rdelim`"}



{/if}
{if $product.forsale ne "B"}
[img]{$ImagesDir}/add2cart.gif[/img]

{if $login ne "" and $active_modules.Wishlist ne ""}
{include file="customer/add2wl.tpl"}
{/if}
{else}
{$lng.txt_pconf_product_is_bundled}
{/if}
{else}
{include file="submit_wo_js.tpl" value=$lng.lbl_add_to_cart}
{/if}
{/if}
{if $active_modules.Feature_Comparison ne ""}
{include file="modules/Feature_Comparison/product_buttons.tpl"}
{/if}

<INPUT type="image" src="{$ImagesDir}/null.gif" width="10" height="10" border="0" valign="top">

</TD>
</TR></TABLE>
</TD>

</TR>
<INPUT type="hidden" name="productid" value="{$product.productid}">
<INPUT type="hidden" name="cat" value="{$smarty.get.cat|escape:"html"}">
<INPUT type="hidden" name="page" value="{$smarty.get.page|escape:"html"}">
</FORM>
</TABLE>
{/capture}
{include file="dialog.tpl" title=$product.product content=$smarty.capture.dialog extra="width=100%"}
{/if}




{ *** include file="customer/main/send_to_friend.tpl" *** }

{if $active_modules.Detailed_Product_Images ne ""}



{include file="modules/Detailed_Product_Images/product_images.tpl" }
{/if}
{if $active_modules.Upselling_Products ne ""}



{include file="modules/Upselling_Products/related_products.tpl" }
{/if}
{if $active_modules.Recommended_Products ne ""}



{include file="modules/Recommended_Products/recommends.tpl" }
{/if}
{if $active_modules.Customer_Reviews ne ""}



{include file="modules/Customer_Reviews/vote_reviews.tpl" }
{/if}
{if $active_modules.Product_Options ne '' && $product_options ne ''}
<SCRIPT type="text/javascript" language="JavaScript 1.2">
check_options();
</SCRIPT>
{/if}
__________________
Version 4.1.9
Reply With Quote
  #4  
Old 12-27-2006, 07:13 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Changing style in product page... Anyone?

It is all right there...ProductPriceConverting for the title and ProductDetailsTitle for the actual price. You'll need to add the later to the table cells that contain your additional prices.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #5  
Old 12-27-2006, 08:49 AM
 
xcarter xcarter is offline
 

Senior Member
  
Join Date: Sep 2005
Posts: 146
 

Default Re: Changing style in product page... Anyone?

Yeah I've played around with that the first time, though can not alter the marketprice amount. I can change the size of marketprice tag, but not the actual price value.

http://www.homesense.com.au/Boost-Clock-Lime-Green-pr-16205.html

It's driving me mad. I've tried everything I can think of. All I want to do is get those three prices the same size.
__________________
Version 4.1.9
Reply With Quote
  #6  
Old 12-27-2006, 09:55 AM
 
xcarter xcarter is offline
 

Senior Member
  
Join Date: Sep 2005
Posts: 146
 

Default Re: Changing style in product page... Anyone?

Anyone??.....please.....
__________________
Version 4.1.9
Reply With Quote
  #7  
Old 12-27-2006, 09:56 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Changing style in product page... Anyone?

I'm not sure what the issue is...you just need to add the correct style to the correct place. Try using <div> instead of <font>, i.e.:

<div class="ProductDetailsTitle">price code</div>
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #8  
Old 12-27-2006, 02:05 PM
 
xcarter xcarter is offline
 

Senior Member
  
Join Date: Sep 2005
Posts: 146
 

Default Re: Changing style in product page... Anyone?

The issue is that I can not find the value for "RRP" price. All prices and tags are bold except RRP price value, which I can not alter for the life of me.

http://www.homesense.com.au/Boost-Clock-Lime-Green-pr-16205.html

Please see link.

All other parts I was able to affect through style sheet. Though for some reason I can not alter RRP price. I don't know where it's being called from.
__________________
Version 4.1.9
Reply With Quote
  #9  
Old 12-28-2006, 05:50 PM
 
xcarter xcarter is offline
 

Senior Member
  
Join Date: Sep 2005
Posts: 146
 

Default Re: Changing style in product page... Anyone?

Anyone?......

Please....
__________________
Version 4.1.9
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 11:26 AM.

   

 
X-Cart forums © 2001-2020