Page 1 of 1

Product Price not being displayed correctly

Posted: 23 Feb 2020, 12:46
by kdubey
Hi

I am facing an issue with how the product details are being displayed: The price details are displayed correctly, i.e. instead of being displayed clearly in 3 lines (Product Price, Tax Amt & Total Amt) it is being displayed in 2 lines with the Total Amt appearing in-between the Tax description and the Tax Amt. The following URLs can be used to view an example of the issue: https://ehomegenie.com/index.php/add-se ... eferencing

Regards
Kamalesh.

Re: Product Price not being displayed correctly

Posted: 23 Feb 2020, 14:14
by Jan
Hi, try to test some another template, e.g. phoca premiere: https://www.phoca.cz/joomla-templates

Jan

Re: Product Price not being displayed correctly

Posted: 25 Feb 2020, 18:44
by kdubey
Hi Jan

It is working on Phoca Premiere template. I have also noticed that it is alright on JF Simone (the template that I am using) if the tax amount is not displayed.

Is it possible to display the tax inclusive amount only in the product page and display the break-up, i.e. Price (without Tax), Tax Amt & Total Amt in the shopping cart and the receipts/invoices?

Regards
Kamalesh.

Re: Product Price not being displayed correctly

Posted: 29 Feb 2020, 15:15
by Jan
Hi, this is mostly done by CSS - you just hide the items you don't want to display with help of CSS :idea:

Jan

Re: Product Price not being displayed correctly

Posted: 02 Mar 2020, 13:45
by kdubey
Hi Jan

Can you elaborate a bit so that I can try and change this, e.g. which CSS files to edit/customise so that the changes are not overridden by an extension update?

Regards
Kamalesh.

Re: Product Price not being displayed correctly

Posted: 03 Mar 2020, 15:56
by Jan
If you hide them in your template CSS (e.g. custom.css) then your changes will be not overwritten when updating the extensions.

In Joomla! all CSS modifications should be done in template CSS, the best way is to do it in custom.css which is not overwritten when the template is updated. The custom.css stays unchanged on server when making update.

So just see the items you want to hide (with help e.g. of Google Chrome Web developers and add them display:none rules).

Jan