Hello,
The arrow icons are produced by Font Awesome inside the Previous / Next blocks of front/views/product/tmpl/show.php (lines 37 and 47), wrapped in `.hikashop_previous_product` and `.hikashop_next_product` divs. You can replace them either with CSS only (no override).
Add this to your HikaShop custom CSS via Components > HikaShop > Configuration > tab "Display" > "Custom CSS", or to your template CSS:
.hikashop_previous_product .fa-caret-left,
.hikashop_next_product .fa-caret-right {
display: none;
}
.hikashop_previous_product::before {
content: url('/images/my-prev-arrow.png');
display: inline-block;
}
.hikashop_next_product::before {
content: url('/images/my-next-arrow.png');
display: inline-block;
}
Replace the two image paths with your own files. The default Font Awesome arrows are hidden and replaced by your custom images.
Template override option. If you prefer to edit the markup directly, copy front/views/product/tmpl/show.php to templates/YOUR_TEMPLATE/html/com_hikashop/product/show.php and replace the two `<i class="fas fa-caret-left fa-2x"></i>` / `<i class="fas fa-caret-right fa-2x"></i>` lines with your own `<img src="...">` tags. The override survives HikaShop updates.
HIKASHOP ESSENTIAL 60€The basic version. With the main features for a little shop.
HIKAMARKETAdd-on Create a multivendor platform. Enable many vendors on your website.
HIKASERIALAdd-on Sale e-tickets, vouchers, gift certificates, serial numbers and more!
MARKETPLACEPlugins, modules and other kinds of integrations for HikaShop
