Fancy 5 style add to cart buton not showing

[pcwhoop]

I’m using the fancy 5 style to show products in one on my pages but the add to cart button is no where to be found [http://businessledsigns.ca/led-signs-two-color-40cm-height/]

in another page of the same site i’m trying with fancy 3 style and it shows the button without troubles [http://businessledsigns.ca/led-signs-two-color-24cm-height]

The products in both pages were created the same way and with the same options

i really want to use fancy 5 style, but i can’t manage to get the add to cart button showing, why is this happening?

[admin]

There seems to be some HTML code on that page that looks incorrect. It is likely that these HTML errors on the page is throwing the fancy display’s add to cart button off. Please do the following so we can get a better picture of the situation:

https://support.tipsandtricks-hq.com/forums/topic/how-to-test-a-shortcode-by-itself

Share the URL of the test page once you create it.

What version of the estore and the extra shortcodes plugin are you using?

[pcwhoop]

ok i have created the new page with nothing but one shortcode and still no button [http://businessledsigns.ca/prueba/]

i’m using Extra Shortcodes for WP eStore Version v4.6.0 and WP eStore Version v6.9.7.6

i’m also using eStore Receipt Creator Addon Version 1.6 and eStore Order Management Addon Version 1.6

thanks for your help

[admin]

Thank you. The issue is that fancy5 display template uses a fixed height (so that it can be used in a grid display). Your product description and the usage of the quantity field display is pushing add to cart button out of the allocated height for this display so it is invisible. Different users use different product name and description length and enable different optional configuration items of the product. This makes it hard to fit everything within the allocated area of this template.

Add the following CSS code to the custom CSS file of eStore (wp_eStore_custom_style.css) to remove the height restriction and it will stretch automatically to fit everything:

.eStore-fancy5,.eStore-fancy5-body{

height: auto !important;

}

[pcwhoop]

Thank you very much now it works great!

[Author]

Posts