NSP GK5 price not showing on hover

Hi Gavick,

I tried everything to get the price to show as it was in the demo template of storebox.
this is how the gk5 should display the price.

storebox demo.png

this is how it is in my site. the default price variant in the controller.php file is basePriceWithTax.

rg baseprice with tax hover.png

from this forums i found out that i can replace the default price variant in the controller.php file. i tried using salesPrice. and this is how it displayed.

rg saleprice.png

[to be continued on the next post because i am allowed only three attachments]
(part 1)

(part 2)
i also learned in this forums that i can edit the override.css file with these:

Code: Select all

div.PricesalesPrice {background: none}
span.PricesalesPrice {color: #ffffff;}


and then this is how it displayed on hover.

rg saleprice edit controller hover.png

and the price is not displayed if mouse is not on hover.

rg saleprice edit controller no hover.png

[to be continued on the next and last post]

(part 3)

i also tried the other price variants like the basePrice. this is how it displayed on hover.

rg baseprice hover.png

and when not on hover.

rg baseprice no hover.png

Every workaround that i tried cannot replicate how the price is displayed on the demo template. I would really like the price to be displayed as how it is displayed when I paid to download the storebox template. Any assistance would be highly appreciated.

Thank you very much.

Hi

Please tell me an url to your site.

http://realgemshoppe.com/

Hi

Please try add this code to css:

Code: Select all

.gkImgOverlay div.PricesalesPrice {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    font-size: 20px;
    padding: 12px 0 16px;
    text-align: center;
}

.gkImgOverlay div.PricesalesPrice span.PricesalesPrice {
    color: #ffffff;
}


Thank you very much teitbite! I just tried it now and it worked like a charm!
Also to replicate the font size of the price besides the overlay, try adding this code to override.css

Code: Select all

.gkPrice div.PricesalesPrice {
   font-size: 20px;
}


Hi

Yes that's the solution to change font size, but will affect prices in other places as well, so pleas try using a selector to affect a module price only.

Code: Select all

.gkImgOverlay div.PricesalesPrice