- Posts: 73
- Thank you received: 1
Hikashop - Switch Buttons on HikaShop Content Module Carousel
3 months 5 days ago #372287
by nmacri
-- HikaShop version -- : 6.5.0
-- Joomla version -- : 5.4.3
Hello
I have published some Hikashop content modules in carousel format. I have the "Switch buttons" option enabled, but the buttons are not visible. The link exists, but there's no icon or text to make it visible. Is there a setting to show or hide these buttons? What is the view of this module so I can customize it?
Thanks!
-- Joomla version -- : 5.4.3
Hello
I have published some Hikashop content modules in carousel format. I have the "Switch buttons" option enabled, but the buttons are not visible. The link exists, but there's no icon or text to make it visible. Is there a setting to show or hide these buttons? What is the view of this module so I can customize it?
Thanks!
Please Log in or Create an account to join the conversation.
3 months 4 days ago #372290
by nicolas
Replied by nicolas on topic 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:
I tested this on your page and the previous/next arrows appeared immediately.
For the view: the carousel module uses the HikaShop view carousel_swiper.php. For a products module it is views/product/tmpl/carousel_swiper.php, for a categories module it is views/category/tmpl/carousel_swiper.php. To customize it with a template override, copy it to:
templates/YOUR_TEMPLATE/html/com_hikashop/product/carousel_swiper.php
(or .../com_hikashop/category/carousel_swiper.php for categories). The switch buttons are the two empty swiper-button-prev and swiper-button-next div elements near the end of that file.
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:
Code:
.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"; }
I tested this on your page and the previous/next arrows appeared immediately.
For the view: the carousel module uses the HikaShop view carousel_swiper.php. For a products module it is views/product/tmpl/carousel_swiper.php, for a categories module it is views/category/tmpl/carousel_swiper.php. To customize it with a template override, copy it to:
templates/YOUR_TEMPLATE/html/com_hikashop/product/carousel_swiper.php
(or .../com_hikashop/category/carousel_swiper.php for categories). The switch buttons are the two empty swiper-button-prev and swiper-button-next div elements near the end of that file.
The following user(s) said Thank You: nmacri
Please Log in or Create an account to join the conversation.
3 months 3 days ago #372295
by nmacri
Replied by nmacri on topic Hikashop - Switch Buttons on HikaShop Content Module Carousel
Thanks !
Please Log in or Create an account to join the conversation.
Time to create page: 0.216 seconds