Missing arrows in the slider.

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 9 months ago #320381

Hello. For some reason, arrows do not appear in the slider to scroll through the slides. Although they are included.

Attachments:

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

  • Posts: 81361
  • Thank you received: 13036
  • MODERATOR
3 years 9 months ago #320390

Hi,

Could you provide a link to the page where you have that module so that we could check on the situation ?

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 9 months ago #320424

ilsandoors.by/
Hello, you have already helped me. The only thing would be nice for the arrows to display the transition

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

  • Posts: 81361
  • Thank you received: 13036
  • MODERATOR
3 years 9 months ago #320436

Hi,

Well, you have the "next" and "previous" buttons at the bottom of the carousel for that.
If you want to add arrows to these texts, you can use translation overrides.
And if you want to position them on the left and right of the carousel, you can do that with some extra CSS code.

The following user(s) said Thank You: ilyaminsk

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 8 months ago #321510

Hey. Could you tell me how to make arrows in css code? So that they appear in the slider

Last edit: 3 years 8 months ago by ilyaminsk.

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

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
3 years 8 months ago #321514

Hello,

I see 2 solutions one simple but limited in possibilities, and the other a little more tricky but more open to "dynamic styling"

1. The Css solution :
With this kind of command :

content:url(http://placehold.it/arrow.png);
=> From this you can use any image, but you can modify it a lot with css
2. The font awesome solution :
Use in your translation file directly fontawesome code, like this
<i class="fas fa-chevron-right"></i>
=> Here, you have access to the fontawesome library, and this allow you to "dress it" with any css command, color, size etc

Hope this will help you to achieved what you need.
Regards

Last edit: 3 years 8 months ago by Philip.

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 8 months ago #321587

Hello. Tell me where exactly you need to write this css code?

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

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
3 years 8 months ago #321617

Hello,

At the end of your frontend css file, it's more easy to get him and increase his priority.
Hope this will help you to get what you requested.
Regards

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 8 months ago #321675

Hello. Does not work



Does not work

Attachments:

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

  • Posts: 81361
  • Thank you received: 13036
  • MODERATOR
3 years 8 months ago #321677

Hi,

What Philip gave you are hints so that you can do it yourself, supposing that you already know CSS itself.
So you can't just copy/paste it.
You need to do like that :
.xxx{content:url(' placehold.it/arrow.png ');}
where xxx is to be replaced the class of the element you want to change, and placehold.it/arrow.png is to be replaced by the URL of an arrow image you have previously uploaded on your website.
For example:
stackoverflow.com/questions/9215329/chan...t-to-image-using-css

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 8 months ago #321703

Hello, I still don’t understand In which css, css are in hickshop or css in the site template?

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

  • Posts: 81361
  • Thank you received: 13036
  • MODERATOR
3 years 8 months ago #321710

hi,

Either way is fine. The CSS needs to be added on the page. It can be in a CSS file of HikaShop or in a CSS file of the template, it doesn't matter.
If your template provider has a "custom.css" file where you can put your custom CSS code, that's where you should it as it's the most appropriate. If not, you can add it to the "styles on the frontend" option of the HikaShop configuration as explained here:
www.hikashop.com/support/documentation/1...ize-the-display.html

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 8 months ago #321892

Hello. Tell me, when will you make a carousel for modules so that there is a switch, for people who comes in from a mobile?

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

  • Posts: 81361
  • Thank you received: 13036
  • MODERATOR
3 years 8 months ago #321894

Hi,

There is already a carousel option in the HikaShop content module. And it switches from several columns to one column automatically for mobile users so that it displays the products properly.
If you're talking about something else, then I'm not sure what you mean.

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 8 months ago #322141

Hello. The fact is that I was advised to disable the carousel in compatibility mode (it did not work correctly with the option enabled). After disconnecting, the arrows disappeared.

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

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
3 years 8 months ago #322166

Hello,

Can you provide elements in order to understand the issue ? Like :
- An Url link (with the enable carousel)
- backend access
- A step by step process to see what you see about the compatibility mode.

Awaiting news from you to better understand the situation
regards

Last edit: 3 years 8 months ago by Philip.

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 8 months ago #322175

Hello. I will send you a private message

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

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
3 years 8 months ago #322182

Hello,

Next time, please use our Contact us form to provide elements please
Note : Then you have to add to your message an Url link to this topic.

And second step, please process with screenshot AND with your backend in English because we don't read Russian unfortunately.
Plus, when we try to analyze your website directly frontend OR backend here we are the results :




Can you solve this issue on your side ?
Regards

Last edit: 3 years 8 months ago by Philip.

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

  • Posts: 220
  • Thank you received: 10
  • Hikashop Business
3 years 8 months ago #322209

Hello. Try again, I made english

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

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
3 years 8 months ago #322223

Hello,

Right, after analyze the slider buttons are always there but there push outside the screen.
Add this Css commands this will solve your issue :

a#hikashop_previous_button_hikashop_category_information_module_285,
a#hikashop_next_button_hikashop_category_information_module_285 {
    position: relative;
    top: -50px;
}
a#hikashop_next_button_hikashop_category_information_module_285 {
     left: -50px;
}
th {
    min-width: 20px;
}

Hope this will meet your needs.
Regards

Last edit: 3 years 8 months ago by Philip.

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

Time to create page: 0.088 seconds
Powered by Kunena Forum