hikashop_product_custom_info_main_table

Start
Prev
1
Next
End

westernex
Topic Author
Offline

Posts: 58
Thank you received: 2

3 years 6 months ago #335540

-- url of the page with the problem -- : petraw6.sg-host.com
-- HikaShop version -- : 4.4.3
-- Joomla version -- : 3.10.1
-- PHP version -- : 7.4.23

My question is two fold:

1. How can I transform this table into DIV's so that I can style it easier?

BEFORE

AFTER

2. How can I move just the field UOM to a different space on the product display? See screenshot

BEFORE

AFTER

Thank you.

Attachments:

Please Log in or Create an account to join the conversation.

Philip
Offline

Posts: 4816
Thank you received: 654
MODERATOR

3 years 6 months ago #335555

Hello,

1. For change a table into a simple div follow me step by step :
a. Documentation to learn about the override system
b. A option can be useful to from which view you can create your override :
- From Main HikaShop Configuration => Advanced tab
- First part Advanced Settings part => Display view files option, on "Frontend"
=> Result, on the frontend you will see view reference :

c. Then, create a new view from the required view.
Note : From what you want to achieved, I highly recommand you to use the Fontawesome icon .

2. I think you can use the override system a bit like before but with some Css custom.
=> Have a look on this tutorial to learn how to add custom css to your frontend file.

Hope this will help you to achieved what you requested.
Regards

Last edit: 3 years 6 months ago by Philip.

Please Log in or Create an account to join the conversation.