News Show Pro GK5 Product Price in Circle/Bubble

Hi,
I hate to make duplicate threads, but I could not find any other threads that gave definite, working answers.

I am having an issue displaying product prices in the News Show Pro GK5 module. I followed the steps in this thread: https://www.gavick.com/forums/news-show ... ce#p129970.

This displayed the prices, however, now the formatting is completely wrong. Please see www.replenish.oneofakind.ws to see the error I am describing.

What can I do to make the prices display according to the demo?

Thanks!!

When You create price div this way:

Code: Select all

$news_price.= $currency->createPriceDiv('basePriceWithTax','',$product->prices);


first parameter is a class of created element.
For elements with class 'PricesalesPrice' there are no css'es, so please replace it with original class:
'PricebasePriceWithTax'

It should fix the problem

Thanks for the quick reply! I made that change and now the price bubbles have reverted to not showing any prices.

The site is www.replenish.oneofakind.ws and it is the homepage.

Thanks again for your help.

Could You show me how this particular line looks like now (controller.php)?

Sure. Lines 150-155 look like this:

Code: Select all

$news_price = '';
        $news_price.= $currency->createPriceDiv('PricebasePriceWithTax','',$product->prices);
        // calculate tax
        $taxAmount = $currency->createPriceDiv('taxAmount','MOD_NEWS_PRO_GK5_PRODUCT_TAX_AMOUNT',$product->prices);
        $taxAmount = strip_tags($taxAmount, '<div>');
        $news_price .= $taxAmount; 

And how did look the change You have made before (that showed correct value)?

When I did get the prices to show, there was not any CSS styling so it didn't look right.

I need exact how the php line looked after you did the change to eliminate simple typo mistake.

At the very beginning, the code looked like: (this is the default)

Code: Select all

$news_price.= $currency->createPriceDiv('basePriceWithTax','',$product->prices);

The above code resulted in only the circles being displayed without the prices. I then changed the code to the code below.

Code: Select all

$news_price.= $currency->createPriceDiv('salesPrice','',$product->prices);

The above code resulted in prices being displayed but without any CSS styles so they did not look correct. I then posted here and changed the code to:

Code: Select all

$news_price.= $currency->createPriceDiv('PricebasePriceWithTax','',$product->prices);

This resulted in the blank circles once again.

It seems like each code change does something right but then causes some other kind of issue.

Any advice?

Thanks for your help!

The problem is with class name - if You change first parameter which is directly connected to data You are selecting - also class changes.

Please edit: /templates/gk_storebox/css/override.css and add at its end:

Code: Select all

.gkNspPM-ProductGallery .gkImage .gkImgOverlay div.salesPrice {
font-size: 24px;
font-weight: bold;
line-height: 32px;
margin-top: 44px;
text-align: center;
}
.gkNspPM-ProductGallery .gkImage .gkImgOverlay div.salesPrice {
color: #FFE4DC;
font-size: 12px;
font-weight: 300;
line-height: 12px;
text-align: center;
}
.gkNspPM-ProductGallery .gkImage .gkImgOverlay div.salesPrice {
font-size: 24px;
font-weight: bold;
line-height: 32px;
text-align: center;
}


Remember to enable "CSS override" in template settings - advanced section.

Thanks for your help with this! There still seems to be a minor styling problem of some sort. Please take a look at www.replenish.oneofakind.ws.

Thanks!

Code: Select all

.gkNspPM-ProductGallery .gkImage .gkImgOverlay div.PricesalesPrice {
font-size: 24px;
font-weight: bold;
line-height: 32px;
margin-top: 44px;
text-align: center;
background: transparent;
color: #000;
}
.gkNspPM-ProductGallery .gkImage .gkImgOverlay div.PricesalesPrice span {
color: #fff;   
}


This should get 100% correct result.

Looks great. Thanks for all your help!

No problem. I'm glad that finally everything works well. Sorry it took so long.