- Posts: 121
- Thank you received: 2
How to format product detail page
- andrewwinkler
-
Topic Author
- Offline
Less
More
5 years 9 months ago #327812
by andrewwinkler
How to format product detail page was created by andrewwinkler
-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.23
-- PHP version -- : 7.3.25
-- Browser(s) name and version -- : Firefox
-- Error-message(debug-mod must be tuned on) -- : N/A
There are a couple of things I need to change on the product detail page.
1. Product image
I would like to increase the product image to the same size as on the product list page, i.e. 360px x 360px, but could not work out how.
2. Price variants
I would like to insert line breaks before the different price variants (price for different quantities) to increase their readability
-- Joomla version -- : 3.9.23
-- PHP version -- : 7.3.25
-- Browser(s) name and version -- : Firefox
-- Error-message(debug-mod must be tuned on) -- : N/A
There are a couple of things I need to change on the product detail page.
1. Product image
I would like to increase the product image to the same size as on the product list page, i.e. 360px x 360px, but could not work out how.
2. Price variants
I would like to insert line breaks before the different price variants (price for different quantities) to increase their readability
Please Log in or Create an account to join the conversation.
5 years 9 months ago #327814
by nicolas
Replied by nicolas on topic How to format product detail page
Hi,
1. you can do that in the Hikashop configuration with the setting "Product page image (width x height)"
2. There is already a line break between your three prices. However, there isn't one between the retail price area and your prices.
You can add such CSS to do that:
You can add such CSS as explained here:
www.hikashop.com/support/documentation/1...ize-the-display.html
1. you can do that in the Hikashop configuration with the setting "Product page image (width x height)"
2. There is already a line break between your three prices. However, there isn't one between the retail price area and your prices.
You can add such CSS to do that:
Code:
.hikashop_product_page .hikashop_product_price_full {
display: block;
}
www.hikashop.com/support/documentation/1...ize-the-display.html
The following user(s) said Thank You: andrewwinkler
Please Log in or Create an account to join the conversation.
Time to create page: 0.179 seconds