Strange padding for swiper div

  • Posts: 278
  • Thank you received: 14
  • Hikashop Business
3 months 3 weeks ago #357997

-- HikaShop version -- : 5.0.2

I get some strange padding to swiper div #hikashop_carousel_hikashop_category_information_module_114
Auto added to index source code.

#hikashop_category_information_module_114 #hikashop_carousel_hikashop_category_information_module_114 {
    padding-top: 75px;
}

You can see in first module Novosti. Other carousel modules on same page are configured in same way and without that padding.
Where is that padding come from?

This message contains confidential information

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

  • Posts: 4519
  • Thank you received: 612
  • MODERATOR
3 months 3 weeks ago #357999

Hello,

Can you provide these elements :
- An Url link where we can see the context (and with the padding), precise the relative Id module.
- The relative setting screenshot (in the HikaShop options tab).

Regards

Last edit: 3 months 3 weeks ago by Philip.

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

  • Posts: 278
  • Thank you received: 14
  • Hikashop Business
3 months 3 weeks ago #358005

URL should be in Url of the page with the problem.

This message contains confidential information

It is first Hikashop content module with carousel mode.

Attachments:

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

  • Posts: 4519
  • Thank you received: 612
  • MODERATOR
3 months 3 weeks ago #358020

Hello,

Unfortunately we aren't able to reproduce the error on our side, then we will need these elements to process some tests directly on your website :
- An Url link to your backend (administrator)
- Backend user references (with maximum Acl)

Note : Use our Contact us form to provide these elements, and add to your message an Url link to this topic.
Regards

Last edit: 3 months 3 weeks ago by Philip.

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

  • Posts: 278
  • Thank you received: 14
  • Hikashop Business
3 months 2 weeks ago #358092

Data sent to contact. Thank you

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

  • Posts: 4519
  • Thank you received: 612
  • MODERATOR
3 months 2 weeks ago #358098

Hello,

Thank you for your elements and your returns it allow us to improve HikaShop.
In order to have the fix, you have to update your HikaShop and normally your problem should be solved.
Awaiting your returns to be sure.

Regards

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

  • Posts: 278
  • Thank you received: 14
  • Hikashop Business
3 months 2 weeks ago #358100

No more padding. Solved.

The following user(s) said Thank You: Philip, madiloweb12

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

  • Posts: 3
  • Thank you received: 0
  • Hikashop Business
3 months 1 week ago #358368

I had issue on my carrousel, and the updated solved part of my problem.
There is two remainin issues for me :

  • I keep havin strange padding on the thumbnail line
  • I've a white background on thumnail line
  • the carrousel don-t work for product title which superposing themselves

Thank you for your help !

Attachments:

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

  • Posts: 4519
  • Thank you received: 612
  • MODERATOR
3 months 1 week ago #358372

Hello,

Like previous case, we will need these elements to process some tests directly on your website :
- An Url link to your backend (administrator)
- Backend user references (with maximum Acl)

Note : Use our Contact us form to provide these elements, and add to your message an Url link to this topic.
Regards

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

  • Posts: 4519
  • Thank you received: 612
  • MODERATOR
3 months 4 days ago #358461

Hello,

We have received your elements, but we weren't able to find the relative page, and so it was impossible to see the carousel in his context, can you add an Url link where can experience the issue, please?

On a completely different subject, very very nice website!
We will be happy to help you make it even more beautiful!

Regards

Last edit: 3 months 4 days ago by Philip.

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

  • Posts: 4519
  • Thank you received: 612
  • MODERATOR
3 months 2 days ago #358499

Hello,

We aren't able to understand what's going on in your specific case, because we're seeing some really strange things around your Item Menu options (categories listing), and we're trying to understand more concretely what's going on.

But we have a solution for you, follow me step by step :
1. Recreate your item menu "autres thèmes" MAIS cette fois en activant pas le carousel (it can be interesant to know if your new Item Menu will allow you to enable the carousel?...)
=> Just "unpublished" your current Item Menu, once you have recreated it.
2. Use a Module to display your carousel, in "Content => Sites Modules" ( Documentation )
=> Create an "HikaShop Content Module" module and in this new module define where you want to display it, in Menu Assignment,
and active the carousel mode in HikaShop Options tab.

And please, confirm that everything works as expected with this way to proceed.
Regards

Last edit: 3 months 2 days ago by Philip.

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

  • Posts: 3
  • Thank you received: 0
  • Hikashop Business
2 months 4 weeks ago #358636

Hi,

Thank you for helping ! When I create a new menu item I'm not able to create activate carousel on it (the hikashop option is not displayed - strange ! ) Anyway, I was able to display a hikashop carousel module in my newly menu item. But I keep having the same displaying issues !
The issue seems to come from the carousel effect :
- "fade" (fondu in french) => image title overlapping issue - flyandrive.com/index.php/fr/galeries-de-...rie-autres-themes-fr (see joined picture)
- "slide" (glissement in french) => padding issue - flyandrive.com/index.php/fr/galeries-de-...iste/galerie-moto-fr (see joined picture)
- navigation thumbnails is cutted - flyandrive.com/index.php/fr/galeries-de-...and-prix-i-endurance

Regards

Attachments:

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

  • Posts: 4519
  • Thank you received: 612
  • MODERATOR
2 months 4 weeks ago #358645

Hello,

We can suggest to use some custom css in order to correct your display issue, Documentation to learn how to add custom css to your frontend file, here .

Step by step :
- "fade" (fondu in french) => image title overlapping issue
This display option is necessarily limited by the size of the product names (which will vary depending on template) and therefore having a consistently clear result is not easy (or even impossible).
But we can help you guide to dress this, maybe you can use css command :

span.hikashop_product_name {
    background-color: #003C6C !important
}

- "slide" (glissement in french) => padding issue
This is more a css display issue than a carousel settings, maybe just a custom css command can help you :
.hikashop_product_listing_85 .hikashop_product_image_subdiv {
    width: 90% !important;
}
where "hikashop_product_listing_85" is to restrict your command to the required context.

- navigation thumbnails is cutted
There, a bit like before there are limits to the coherence of the display, here you have a lot of thumbnails to display, while the body of your website is limited in width.
So once again, there are possibilities to adjust, but it remains limited, or you have to completely widen the body...
But you can already add this command :
.hikashop_product_listing_59  #hikashop_carousel_thumbs_hikashop_category_information_module_ .swiper-wrapper {
    left: 0;
    right: 0;
}

Regards

Last edit: 2 months 4 weeks ago by Philip.

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

  • Posts: 3
  • Thank you received: 0
  • Hikashop Business
2 months 2 weeks ago #358999

Thank you again for helping.

I applied the css hack on my carrousel and it fix some of the issues.

I keep having some padding issue on the sliding effect so I've decided to use only "fade" effect which give better results.

I still have one annoying issue, after a while I get image overlapping (see scrennshot) ? Do you know any css which could solve this issue ?

flyandrive.com/index.php/fr/galeries-de-...-oldtimers-1900-1940

Regards

Attachments:

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

  • Posts: 4519
  • Thank you received: 612
  • MODERATOR
2 months 2 weeks ago #359008

Hello,

Can't be sure of it, but it seems that this come from your current template, via an override (inline css added).
Now, you can use the "opacity" command like this :

.swiper-slide.hikashop_carousel_item {
    opacity: 1 !important;
}

Regards

Last edit: 2 months 2 weeks ago by Philip.

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

Time to create page: 0.101 seconds
Powered by Kunena Forum