Tags/topics: 
3
Answers
Vote up!
0
Vote down!

Add to Cart button not working in Omega themes

I'm creating my first Drupal Commerce store. I've created products and product display and it shows up on my website. These are downloadable files.

However, although the "Add to Cart" button is showing, it's not clickable. It works fine in other themes but not in Omega or Omega Kickstart. Can anyone advise me on why this is happening please?

Asked by: pinkspider
on May 31, 2013

3 Answers

Vote up!
0
Vote down!

There's no telling, really. I haven't seen any issues in a theme preventing the submission of a button. The only thing that should normally disable an Add to Cart button is a product being disabled or a pricing rule nullifying its sell price.

Without more information, there's no way to help - I can't sell if the button is submitting but not doing anything or if it's disabled from an HTML perspective. You'll just have to inspect the HTML and sort it out from there.

There's no problem with these themes out of the box (see the Commerce Kickstart demo store for example), so it's likely something specific about your installation.

Ryan Szrama
Answer by: Ryan Szrama
Posted: Jun 4, 2013
Vote up!
0
Vote down!

If you create a subtheme using omega tools you have this issue. I'm guessing the scripts do not get copied.

Answer by: CptAnt
Posted: Jun 12, 2013
Vote up!
0
Vote down!

Hi,

I had the same problem after creating an Omega subtheme using Omega Tools. After inspecting the DOM, I found that the "add to cart" form was covered by the div container for links and comments for the product. I don't know yet how to fix this the good way or explain this behavior, but a quick and (really) dirty fix is to override node--product--type.tpl.php (you'll find it under /profiles/commerce_kickstart/modules/commerce_kickstart/commerce_kickstart_product_ui/theme) and comment the

<div class="container-24 grid-24 clearfix">
...
</div>

There must be a better way using CSS. But I'd really like to get an full explanation about this problem.

Answer by: flo81
Posted: Jul 1, 2013

Comments

Compared my Omega subtheme CSS to the demo commerce kickstart CSS for this div. The commerce kickstart demo has .grid-24 set as:

display:inline;
float:left;
This pushes the .grid-24 div below the add to cart button, which is where it is positioned in the kickstart demo. Add to Cart buttoned functioned after I added the above CSS.
- dennisworks on July 18, 2013