Hello
I use Joomla 3.9 et VM 3.8
When I display the possibility for user to choose the quantity of the product. This is done by cliquing on arrow up and arrow down.
These arrows are display, in fact, the same image : quantity-controls.png.
Seems the CSS is maangagin the display to get either hte arrow up or arrow down.
Problem : I don' succeed to get this and I only get the entire image : arrows up and down on the same ligne and on bottom and top. Can you help for this ?
(I haven't modified the code, CSS or anything else. How this issue can happened ? )
Ok, I've just found that it was a template issue.
I've replaced my templated bought by Protostar. JS_recalculate works now correctly and the display is correct.
However, I would like to know more about this issue. Why Protostar works and not mine ? If I want to use mine, where I have to make change ?
Thanks a lot
When you change to Protostar you are using the default VirtueMart templates and the default VM CSS. Your purchased template uses overrides for VM templating and its own CSS.
The default template for the quantity-controls is /components/com_virtuemart/sublayouts/addtocartbar.php for which you probably have an override in templates/[yourJoomlatemplate]/html/com_virtuemart/sublayouts/
I suspect that all you need to do is to tweak your template CSS, use your browser developer tools to explore this.
Thanks for these exaplanations. I will test it but in my purchased template, there is no com_virtuemart directory
Then You should look out for the template specific CSS that interferes with the buttons in this particular view. Use Your browsers debug options F12 starts this in FireFox.
Jörgen
If the directory templates/[yourJoomlatemplate]/html/com_virtuemart/ does not exist then it is possible that only CSS overrides are being used so use developer tools to explore - but I find that unlikely.
It is not possible to be sure what is going on, a live site URL may possibly help.
Thanks
Here the url : lm38.fr
You must first create your user to go in shop
In fact, code was stocked in template.css by removing padding