Hikashop - Switch Buttons on HikaShop Content Module Carousel

Hi,

Hello,

The "Switch buttons" option in the module is the show/hide toggle, and it is working: with it enabled HikaShop outputs the two navigation buttons (empty div elements with the classes swiper-button-prev and swiper-button-next). There is no separate setting for the arrow icon itself, the arrow is drawn by CSS.

On your site that arrow is not painting, so the buttons are there (the links work) but look empty. I checked your page: the button exists and is clickable, but the default Swiper arrow glyph renders at zero width, which is why you see no icon or text. The reliable fix is to give the buttons an explicit icon in your CSS. Your template already loads Font Awesome, so this works:

.hikashop_carousel .swiper-button-prev::after,
.hikashop_carousel .swiper-button-next::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fd7e14;
}
.hikashop_carousel .swiper-button-prev::after { content: "\f053"; }
.hikashop_carousel .swiper-button-next::after { content: "\f054"; }