Layour like https://demo.hikashop.com/index.php/en/hikashop/products-listing/dis

  • Posts: 6
  • Thank you received: 0
  • Hikashop Business
4 weeks 1 day ago #360132

-- url of the page with the problem -- : www.tradesell.it
-- HikaShop version -- : 5.0.3
-- Joomla version -- : 4.4.3
-- PHP version -- : 8.2
-- Browser(s) name and version -- : Chrome
Template Helix ultimate

Hi,
At the moment the products are displayed in a grid, but my customer likes an horizontal display and when i jut switch to a 1 column he is not satisfied by the layour.
I saw your demo website and there is a layout that looks mch nicer, thid one:
demo.hikashop.com/index.php/en/hikashop/...ing/display-in-table
How to make the proper settings to have a page that looks like this?
We use helix ultimate template.
Thank you very much
Eiasu

Last edit: 3 weeks 3 days ago by Tradesell.

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

  • Posts: 81567
  • Thank you received: 13077
  • MODERATOR
4 weeks 1 day ago #360136

Hi,

Edit your menu item via the Joomla menu manager. There, go under the "products options" tab.
There, you have virtual tabs at the top to choose the layout between: Div / Grid, Table, List and Inherit.
You want to select "Table" and save:
i.imgur.com/irllrhA.png

The following user(s) said Thank You: Tradesell

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

  • Posts: 6
  • Thank you received: 0
  • Hikashop Business
3 weeks 3 days ago #360187

Tradesell wrote:
I saw your demo website and there is a layout that looks mch nicer, thid one:
demo.hikashop.com/index.php/en/hikashop/...ing/display-in-table
How to make the proper settings to have a page that looks like this?

Is it possible to see the custom CSS for this layout? I guess i could customize the CSS in the HikaShop configuration in the front-end CSS file edit mode, right?
thanks

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

  • Posts: 81567
  • Thank you received: 13077
  • MODERATOR
3 weeks 3 days ago #360191

Hi,

Note that we didn't add any custom CSS for it.
And the template we're using on our demo website also almost doesn't have any custom CSS for it.
Most of the CSS on the table of products there comes from bootstrap, which is included in the template used there.
So if you include bootstrap on your website, you should get a pretty close result.
forum.joomla.org/viewtopic.php?t=1006483
And if you want to just copy the CSS used there and add it on your end, you can look at the CSS code of the HTML elements with your browser's inspector tool: developer.chrome.com/docs/devtools/css

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

Time to create page: 0.061 seconds
Powered by Kunena Forum