add to cart button missing for product in some tabs

-- HikaShop version -- : 4.7.1
-- Joomla version -- : 4.0.3
-- PHP version -- : 7.4.33
-- Browser(s) name and version -- : chrome
-- Error-message(debug-mod must be tuned on) -- : add to cart not displayed in second tab
dphfs.com/index.php/pickles

Hi,

add to cart is not displayed in the below page.
dphfs.com/index.php/pickles

whereas add to cart is displayed for same items in different page.
dphfs.com/index.php/food?limitstart=20&limit=20

kindly suggest how "add to cart" button should be made visible for products in other tabs too

Hi,

What you call a "tab" is actually a menu item.
So you need to edit the different menu items in the menu manager of Joomla. There, under the "products options" tab of the menu item settings page, you'll have an option to display the add to cart button.
You can read more about menu item settings here:
www.hikashop.com/support/documentation/3...ront-end.html#Imenus

I have enabled the add to card in product options in menu item. still it doesn't display the "Add to Cart" button but if I click the place where the button should be the product is getting added to cart.

the issue is button is not getting displayed.

Hi,

The issue comes from the code: in the dphfs.com/templates/lt_restaurant/css/custom.css
I suppose that's CSS you've added yourself to your template.
If I deactivate that CSS with my browser's inspector tool, I can then see the button:
i.imgur.com/gsMyJ6q.png

Hi Nicolas, yes in the template css is the button only visuable with hover.

I have the same with an other LTheme template, Optik.

When i set in the Hikashop configuration, Button Link to Button the button id visuable.

Or do you know how so set the css rule in the template.
:root {
--background-color: currentColor;
--background: currentColor;
--text-color: currentColor;
}
.page-item.active .page-link, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.slider-item .sppb-btn-success, .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay,
.btn, .video-text, .about .video a:before, a.hikabtn.hikacart {
background-color: var(--background-color) !important;
}
regards Marius

Hello,

Template files are here, in Your_Template\templates folder.
But I have better to suggest, you can add your custom css command in a better place, this will be easier to maintain and will not be lost when updating your Template or your HikaShop, follow me step by step :
1. Have a look on this tutorial
2. Create a custom Style file by clicking on the "+" button :

3. Paste your code in this new Css file.

Hope this will fit your needs.
Regards