need to know how to create template for product page

  • Posts: 16
  • Thank you received: 0
  • Hikashop Essential
1 week 1 day ago #364350

-- HikaShop version -- : 5.1.1
-- Joomla version -- : 5.2.1
-- PHP version -- : 8.2
-- Browser(s) name and version -- : Chrome
-- Error-message(debug-mod must be tuned on) -- : No error - Just need to know how to create template for product page (2)

Hello hikashopers
I find this "template" on the web made with Hika (see attached file)
I just need to know how to do approximatively the same design of my product page (only 2 items, maybe 3 with 5 variants for the product)
Thank's a lot for your help
This my first shop with Hika essentials
Regards

Attachments:

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

  • Posts: 82818
  • Thank you received: 13362
  • MODERATOR
1 week 1 day ago #364351

Hi,

First, you want to create one custom field of the table "product" via the menu Display>Custom fields for each row of data you want to display on the comparison table. That way, when you edit a product or a variant, you'll be able to set a value for each custom field. And HikaShop will be able to display it on the frontend.
You can read more about custom fields here:
www.hikashop.com/support/documentation/4...shop-field-form.html

Then, you have two possibilities:

1. with variants, you can set the "Characteristics selection method" setting of the HikaShop configuration to "list":
www.hikashop.com/support/documentation/5...html#display_product
This way, on the product page, HikaShop will display a list with one row per variant, and one column per custom field (so the reverse table of what you have on your screenshot). That's not exactly like on your screenshot. This is adapted if you have a lot of variants, and not a lot of custom product fields. Having the table the same way as on your image with this method would require customizing the view file show_block_characteristics via the menu Display>Views to swap the rows and columns. It's possible but it requires some PHP / HTML skils.

2. Instead of having one variant for each column, you could have different products. Then, create a menu item via the Joomla menu manager and select the type "HikaShop comparison page". In its settings, you'll be able to select the products to be used as columns. The menu item will display automatically the comparison table like on your image.

The following user(s) said Thank You: Bifrons

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

Time to create page: 0.056 seconds
Powered by Kunena Forum