SOLUCIONADO Hacer precios con IVA o sin IVA más grandes o pequeños

[CmsFan]

 

Hola, alguien sabe como hacer el precio con Iva más pequeño y el precio sin Iva mñas grande,  o a la inversa? Y, cambiar el color de esta fuente?

Adjunto captura de otro usuario del foro que preguntaba lo mismo que necesito, que se vea el precio SIN IVA más grande y el con IVA más pequeño

 

 

 

 

Edited January 3, 2015 by Bcnserv (see edit history)

[galindogadea]

 

 

Hola, alguien sabe como hacer el precio con Iva más pequeño y el precio sin Iva mñas grande,  o a la inversa? Y, cambiar el color de esta fuente?

Adjunto captura de otro usuario del foro que preguntaba lo mismo que necesito, que se vea el precio SIN IVA más grande y el con IVA más pequeño

 

 

 

 

 

Al id que le has asignado al span o div que encapsula el precio, metele en el css un font-size:xxpx para el tamaño y un color, color:codigo_color para asignar un color.

[CmsFan]

Hola Galindo,

 

En qué fichero y ruta tengo que hacer esto?

[galindogadea]

Hola Galindo,

 

En qué fichero y ruta tengo que hacer esto?

Las reglas de css, las puedes añadir en el product.css

 

Lo que pasa es que al no ver  tu web, desconozco si le has asignado un id (#idprecioviejo) al span que encapsula los precios o no en el tpl, para poder diferenciarlos y asignar un tamaño de fuente distinto a uno y a otro y un color distinto, etc..

[CmsFan]

Hola, ya veo....Mira, aquí pego el código

 

/* prices */

.content_prices {

float: left;

}

.discount {

display: none;

}

.our_price_display {

color: #F64305;

font-size: 25px;

line-height: 32px;

}

 @media (max-width: 991px) {

.our_price_display {

font-size: 26px;

line-height: 28px;

}

}

#old_price {

padding-bottom: 15px;

font-size: 17px;

text-decoration: line-through;

display: inline-block;

font-family: "Open Sans", sans-serif;

line-height: 23px;

}

#reduction_percent, #reduction_amount {

display: inline-block;

margin-right: 10px;

padding: 1px 2px;

font-weight: 600;

font-family: "Open Sans", sans-serif;

font-size: 21px;

line-height: 23px;

color: white;

background: #f13340;

border: 1px solid #d02a2c;

}

#reduction_percent span,  #reduction_amount span {

display: block;

 

 

Veo que hay el OLD price y el OUR price. Supongo que uno y otro son el con IVA y sin IVA?

 

Lo pregunto porque en el caso de el products-tpl se indicaba algo así como price y price_tax_exc, que era diferente...

[CmsFan]

y así está el product.tpl

 

<!-- prices -->

<div class="price">

<p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

{if $product->quantity > 0}<link itemprop="availability" href="http://schema.org/InStock"/>{/if}

{if $priceDisplay >= 0 && $priceDisplay <= 2}

<span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span>

<br /><span class="tax_type">{l s='tax excl.'}</span>

<br />

<span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>

<br /><span class="tax_type">{l s='tax incl.'}</span>

<meta itemprop="priceCurrency" content="{$currency->iso_code}" />

{hook h="displayProductPriceBlock" product=$product type="price"}

{/if}

</p>

<p id="reduction_percent" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>

<span id="reduction_percent_display">

{if $product->specificPrice && $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}

</span>

</p>

<p id="reduction_amount" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|floatval ==0} style="display:none"{/if}>

<span id="reduction_amount_display">

{if $product->specificPrice && $product->specificPrice.reduction_type == 'amount' && $product->specificPrice.reduction|floatval !=0}

-{convertPrice price=$productPriceWithoutReduction-$productPrice|floatval}

{/if}

</span>

</p>

<p id="old_price"{if (!$product->specificPrice || !$product->specificPrice.reduction) && $group_reduction == 0} class="hidden"{/if}>

{if $priceDisplay >= 0 && $priceDisplay <= 2}

{hook h="displayProductPriceBlock" product=$product type="old_price"}

<span id="old_price_display">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction}{/if}</span>

{/if}

</p>

{if $priceDisplay == 2}

<br />

<span id="pretaxe_price">

<span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span>

{l s='tax excl.'}

</span>

{/if}

</div> <!-- end prices -->

{if $packItems|@count && $productPrice < $product->getNoPackPrice()}

<p class="pack_price">{l s='Instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>

{/if}

{if $product->ecotax != 0}

<p class="price-ecotax">{l s='Include'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='For green tax'}

{if $product->specificPrice && $product->specificPrice.reduction}

<br />{l s='(not impacted by the discount)'}

{/if}

</p>

{/if}

{if !empty($product->unity) && $product->unit_price_ratio > 0.000000}

{math equation="pprice / punit_price"  pprice=$productPrice  punit_price=$product->unit_price_ratio assign=unit_price}

<p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'html':'UTF-8'}</p>

{hook h="displayProductPriceBlock" product=$product type="unit_price"}

{/if}

{/if} {*close if for show price*}

{hook h="displayProductPriceBlock" product=$product type="weight"}

<div class="clear"></div>

</div> <!-- end content_prices -->

[CmsFan]

Como hago?

[CmsFan]

Ya he encontrado una solución

 

Estaba intentando copiar .our_price_display {

color: #F64305;

font-size: 25px;

line-height: 32px;

}

 

y pegar abajo

 

.pre_taxe_display {

color: #F64305;

font-size: 25px;

line-height: 32px;

}

 

Solucionado poniendo almohadilla en lugar de .

 

#pre_taxe_display {

color: #F64305;

font-size: 25px;

line-height: 32px;

}