problem z kilkoma "cenami" na stronie produktu

[uzytkownik78]

Więc mamy stronę produktu

potrzebuję wyświetlić 2x ceny ale

1. ma być cena gdy wybiorę atrybut się zmienia

2. druga cena się nie zmienia

niestety chcę aby zachowywały się odwrotnie ale najwyraźniej ta która jest wcześniej w kodzie strony ma pierwszeństwo i tylko ona się uaktualnia. Niestety  chcę zmieniać tę która jest później. Niby css mógłby to załatwić ale trzeba wtedy ustalać odległości bezwzględne co jest bez sensu dla strony responsywnej.

 

Jakieś pomysły?

 

użyty kod 2x na stronie

<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="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>
										<!--{if $tax_enabled  && ((isset($display_tax_label) && $display_tax_label == 1) || !isset($display_tax_label))}
											{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}
										{/if}-->
										<meta itemprop="priceCurrency" content="{$currency->iso_code}" />
										{hook h="displayProductPriceBlock" product=$product type="price"}
									{/if}
								</p>

Edited September 15, 2015 by uzytkownik78 (see edit history)

[Yabber]

Dla id="our_price_display" cenę zmienia product.js przy zmianie atrybutu.

Jeśli chcesz żeby ta druga się nie zmieniała to zmień jej ID.

A z tym css to nie wiem o co ci chodzi