Add to cart alignment

-- HikaShop version -- : 2.6.1
-- Joomla version -- : 3.4.8

Hi,

I created the custom field in the category listing page.
I have the character counter in the listing page to show the products in the same boxes. (products.jpg).
How I can put the add to cart button always at the end of box(same as sample.jpg)?
Please check the attached files.

Thanks,

Hi,

It will require at least custom CSS.
Unfortunately, without being able to look at that page on your website, it's not possible to provide accurate CSS for that.
You can add your custom CSS to HikaShop like explained here:
www.hikashop.com/support/documentation/1...ize-the-display.html

Hi,

Can you please send me the css codes?
The site is live.

Thanks

Hello,

For "lock" your button Add to cart ("a.hikashop_cart_button") in your div ("hikashop_subcontainer thumbnail"), reproduce this code :



You see a css order on your sub container (position: relative) AND several css orders to keep position (position: absolute;) from your sub container, here right: 0 and bottom: 0

Hope this will help you.

Regards,

Hi,

The code is working but the add to cart button goes over the custom field in desktop and mobile.
Add to cart button disappeared from HikaShop Content Module.
Please check attached file.

Thanks,

Hi,

That's because of the custom CSS that you've added to it:
take.ms/xLWqR
If you deactivate it, it display fine:
take.ms/mi2Cg

Hi,

nicolas wrote: Hi,

That's because of the custom CSS that you've added to it:
take.ms/xLWqR
If you deactivate it, it display fine:
take.ms/mi2Cg

What about HikaShop Content Module?(contant-module.jpg)

Hi,

1. Try to add some margin-bottom to the class shortkeyfeatuers

2. That issue also comes from your custom CSS... Instead of: in the file /templates/rt_xenon/custom/css-compiled/custom_53.css you should prefix them with that class hikashop_categories_listing_main, like that:
Please note that providing custom CSS is outside of the scope of user support. For further styling customization please contact a third party developer to help you:
www.hikashop.com/home/our-partners.html