- Posts: 25
- Thank you received: 2
Price layout
5 years 10 months ago #326630
by wolle
Price layout was created by wolle
-- url of the page with the problem -- :
www.perfekt-clean-shop.de
-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.23
HI
How to set up the Font Wight for the Price with Tax
2.240,06 € (1.931,09 € ohne MwSt.) pro Stück
2.240,06 € = font-size: 20px;
(1.931,09 € ohne MwSt.) = font-size: 16px;
-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.23
HI
How to set up the Font Wight for the Price with Tax
2.240,06 € (1.931,09 € ohne MwSt.) pro Stück
2.240,06 € = font-size: 20px;
(1.931,09 € ohne MwSt.) = font-size: 16px;
Please Log in or Create an account to join the conversation.
5 years 10 months ago - 5 years 10 months ago #326700
by Philip
Replied by Philip on topic Price layout
Hello,
First have a look on this tutorial to learn how to use the HikaShop override system, here .
You will have to add a specific class to your price without tax, go to your product/listing_price, and have a look on my screenshot :
You can see in the red bordered 2 new lines to frame your price without tax.
And for the css, to see how to add some custom Css to your frontend file css, have a look on this tutorial .
Then, you have to use the Inspector tool, for this point your element and right-click => Inspector Tool (inspect etc etc...).
With the new window, you will be able to get your element class, to build your custom css code, and more especially the good selector, follow my scheme :
Hope this will help you to achieved what you need.
Regards
First have a look on this tutorial to learn how to use the HikaShop override system, here .
You will have to add a specific class to your price without tax, go to your product/listing_price, and have a look on my screenshot :
You can see in the red bordered 2 new lines to frame your price without tax.
And for the css, to see how to add some custom Css to your frontend file css, have a look on this tutorial .
Then, you have to use the Inspector tool, for this point your element and right-click => Inspector Tool (inspect etc etc...).
With the new window, you will be able to get your element class, to build your custom css code, and more especially the good selector, follow my scheme :
Code:
// All page in HikaShop :
.price_with_tax_class {font-size: 20px;}
.price_without_tax_class {font-size: 16px;}
// Only Product page :
.product_page_class .price_with_tax_class {font-size: 20px;}
.product_page_class .price_without_tax_class {font-size: 16px;}
// Only Listing page :
.listing_page_class .price_with_tax_class {font-size: 20px;}
.listing_page_class .price_without_tax_class {font-size: 16px;}
Regards
Last edit: 5 years 10 months ago by Philip.
The following user(s) said Thank You: wolle
Please Log in or Create an account to join the conversation.
5 years 10 months ago #326712
by wolle
Replied by wolle on topic Price layout
Perfect .... you are my Hero
The following user(s) said Thank You: Philip
Please Log in or Create an account to join the conversation.
5 years 10 months ago #326720
by Philip
Replied by Philip on topic Price layout
Hello,
Always happy to be useful ! Thanks for this nice return !
If you want help us, leave a comment about our work, here on the Joomla Extension Directory.
Regards
Always happy to be useful ! Thanks for this nice return !
If you want help us, leave a comment about our work, here on the Joomla Extension Directory.
Regards
Please Log in or Create an account to join the conversation.
Time to create page: 0.227 seconds