HikaShop Content Module : set to display 3 div in one row. Page not like that...

  • Posts: 88
  • Thank you received: 0
8 years 7 months ago #253943

-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.6.4.
-- PHP version -- : 5.6.27
-- Browser(s) name and version -- : Chrome 54.0.2840.71 m
-- Error-message(debug-mod must be tuned on) -- : NA

Hello,

I am totally new to Hikashop, and I am sure the question I am asking is maybe a bit silly for those who are knowing well Hikashop.

I have set the HikaShop Content Module to display the products of a category in one row in divs (3 products in this category)
Once on the page the products are displayed one under the other and not one aside each other.



What am I doing wrong ?
The question should be what have I forgotten to set up ? for sure a CSS entry some where...
If someone could tell me what I am missing...

Thanks in advance for your help and advise.
Please forgive me my English (it is not my mother language) and also if this question looks a bit silly :)

Best regards,
Stéphane

Attachments:

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

  • Posts: 83995
  • Thank you received: 13605
  • MODERATOR
8 years 7 months ago #253983

Hi,

It's probably linked to some CSS issue. Check if it displays fine with the default template of Joomla.
If it does, you're probably missing some CSS in the template you're using.
Hard to say something more precise as we can't access the link you provided.
If you could provide a user access to be able to access it, we could have a closer look.

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

  • Posts: 88
  • Thank you received: 0
8 years 7 months ago #253992

Hi Nicolas,
Thanks for your reply.

Here we are :

This message contains confidential information


The page concerned is the last in the menu (on the far right end) called "PERMIS DE CONSTRUIRE"
I have tried injecting in the concerned page or on the Home page of the site following CSS without any success
.hikashop_subcategories .thumbnails
{
list-style-type: none;
padding: 0; /* optional */
}
.hikashop_subcategories .thumbnails .span4.hikashop_category
{
width: 31.914893614%;
float: left;
}
EDIT this morning
adding on the template's custom CSS following entry worked :
[class*="hikashop"] .thumbnails
{
list-style-type: none;
padding: 0; /* optional */
}
[class*="hikashop"] .thumbnails .span4
{
width: 31.914893614%;
float: left;
}
EDIT END

This is maybe not the best way of doing, schouldn't I add it to the Hikashop custom CSS ?

I need also to customize the font height for the price, remove the per unit entry, justify the description text as on first (by the way, I do not know why the first is and the following aren't)

I need also to put the product reference centered below the product name and in a lower font size (std text instead of H2)

Many thanks in advance for your help and advise,
Best regards,
Stéphane

Last edit: 8 years 7 months ago by steph3838.

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

  • Posts: 83995
  • Thank you received: 13605
  • MODERATOR
8 years 7 months ago #254006

Hi,

1. No that CSS is supposed to be in the CSS of the template so no need to add to the CSS of HikaShop. But you can if you want, it doesn't matter as long as it is there.

2. If you need to add custom CSS for the fonts etc, here is a tutorial which explains how:
www.hikashop.com/support/documentation/1...ize-the-display.html

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

  • Posts: 88
  • Thank you received: 0
8 years 7 months ago #254083

Hi Nicolas,

for point 1. that's exactly what I have done. it works perfectly !

Thanks for the link !

Thanks for your help !
Best regards
Stéphane

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

Time to create page: 0.062 seconds
Powered by Kunena Forum