Product Display Module Not Working As Needed

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 10 months ago #83477

I'm trying to create the same slide similar to the one at the top of this page:
demo.hikashop.com/index.php?option=com_c...5&Itemid=103&lang=en

What I would like is one row displaying 4 random products at a time. Then when you click on the "next" button it shows the next 4 random products, etc...

I have attached what I have so far, what do I need to change because I've made a lot of changes but I'm not getting what I need.

Thanks in advance!!

Attachments:
Last edit: 11 years 10 months ago by MyWorld.

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

  • Posts: 12953
  • Thank you received: 1778
11 years 10 months ago #83505

Hi,

Your configuration seems to be good, so can you show me what results you are having ?

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 10 months ago #83714

Hi Mohamed,

I sent you the link privately. Please let me know if you need the login.

Thanks!!

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

  • Posts: 82817
  • Thank you received: 13359
  • MODERATOR
11 years 10 months ago #84011

Hi,

I think that it comes from the random option. Please try to deactivate it.

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 10 months ago #84180

I changed it to "Random Product = NO" but see no difference.

I don't think this should be too hard to set-up so I'm clearly missing something obvious or it's not working as it should.

All I want is one row displaying 4 random products at a time. Then when you click on the "next" button it shows the next 4 random products, etc...

Thanks!!

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

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 10 months ago #84205

Hi,

Could use add a CSS rule for

.hikashop_main_carousel_div ul li {
padding: 0px !important;
background: none !important;
margin: 0px !important; /* <= add this rule */
}
It would fix the problem of two lines in your website.
Because there is a 1px margin, the second "li" can't be displayed at the right of the first one, so it is displayed below and that generate this display problem.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 10 months ago #84784

Hi Jerome,

The CSS does make it work but it now messes up my layout/formatting. Because there are no margins, all the products are close together and it doesn't look good.

So what do I do now in terms of the layout? This module probably need a bit more work as it's taking me a long time to get it to work properly :(

Thanks!!

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

  • Posts: 2334
  • Thank you received: 403
11 years 10 months ago #84918

Hi,

It should be better with

.hikashop_main_carousel_div > ul > li {
padding: 0px !important;
background: none !important;
margin: 0px !important; /* <= add this rule */
}
So the margin override would be just applied on the main "li", not on the sub elements which should have some margins.

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

Time to create page: 0.085 seconds
Powered by Kunena Forum