- Posts: 26
- Thank you received: 1
Products listing:Modify that file?
- wwwopptwcom
-
Topic Author
- Offline
Less
More
8 years 1 month ago #296950
by wwwopptwcom
Products listing:Modify that file? was created by wwwopptwcom
-- HikaShop version -- : 3.5.1
-- Joomla version -- : 3.8.11
xprime.payo-themes.com/index.php/hikasho...for-products-listing
To modify the Products listing....
Will you want to change that file?
To make the title and price
Displayed as two lines
title
price
-- Joomla version -- : 3.8.11
xprime.payo-themes.com/index.php/hikasho...for-products-listing
To modify the Products listing....
Will you want to change that file?
To make the title and price
Displayed as two lines
title
price
Please Log in or Create an account to join the conversation.
8 years 1 month ago #296975
by nicolas
Replied by nicolas on topic Products listing:Modify that file?
Hi,
These are already on two lines by default in HikaShop. This means that the fact that they are on one line comes from your template and you should seek advice from your template provider on the proper method to change that.
From what I can see, you'll have to remove the code:
float: right;
from the line :
.hikashop_subcontainer .hikashop_product_price_full {color: #444;font-size: 16px;font-weight: 600;text-decoration: none;font-family: Open Sans;float: right;margin-bottom: 0;text-align: right;line-height: 1.2;padding-top:13px;}
in the file xprime.payo-themes.com/templates/xprime/css/custom.css of your template.
That way, you'll have the title and price on two lines.
However, they will be in the reverse orde rthat you want.
To change that, you would also have to edit the file "listing_img_title" of the view "product" via the menu Display>Views in order to change the order of the two blocks of code relative to the product name and the price.
These are already on two lines by default in HikaShop. This means that the fact that they are on one line comes from your template and you should seek advice from your template provider on the proper method to change that.
From what I can see, you'll have to remove the code:
float: right;
from the line :
.hikashop_subcontainer .hikashop_product_price_full {color: #444;font-size: 16px;font-weight: 600;text-decoration: none;font-family: Open Sans;float: right;margin-bottom: 0;text-align: right;line-height: 1.2;padding-top:13px;}
in the file xprime.payo-themes.com/templates/xprime/css/custom.css of your template.
That way, you'll have the title and price on two lines.
However, they will be in the reverse orde rthat you want.
To change that, you would also have to edit the file "listing_img_title" of the view "product" via the menu Display>Views in order to change the order of the two blocks of code relative to the product name and the price.
The following user(s) said Thank You: wwwopptwcom
Please Log in or Create an account to join the conversation.
Time to create page: 0.182 seconds