Hello,

I just updated my AT Commerce theme to the 7.x-2.0-rc3 version and encountered a problem with the buttons in my checkout page. They appear to have moved out of order. Yet, when I look at the html in Firebug, they seem fine! It's rather strange.
Here's what the html looks like:

<fieldset id="edit-buttons" class="checkout-buttons form-wrapper">
<div class="fieldset-wrapper without-legend">
<input id="edit-continue" class="checkout-continue form-submit checkout-processed" type="submit" value="Continue to next step" name="op">
or
<input id="edit-cancel" class="checkout-cancel form-submit" type="submit" value="Cancel" name="op">
</div>

I'm attaching a screenshot of the page as well.

I don't believe this is a change that needs to be made in the css...of course, I could be wrong.

Where can I go to make a change to the html that I'm seeing through Firebug? I tried looking at template.php but I can't find anything that looks like the code that I copied and pasted above.
I can't find anything on this in Google and to be honest, I had the same problem before, when I had another version of this theme, and it somehow just went away. I don't want that to be the case this time. I want to really find out what's going on and how I can fix it.

Any help will be genuinely appreciated!

CommentFileSizeAuthor
#3 commerce_cart.theme_.zip706 bytesJeff Burnz
buttonorder.png21.24 KBAnonymous (not verified)

Comments

Jeff Burnz’s picture

Jeff Burnz commented

I'll check, looks like a bug, could be in Commerce or AT Commerce, not sure. Cheers.

Anonymous’s picture

Anonymous (not verified) commented

Hi Jeff! Thank you for checking that out for me. I really appreciate it!

Jeff Burnz’s picture

Jeff Burnz commented
StatusFileSize
new commerce_cart.theme_.zip706 bytes

In AT Commerce replace the commerce_checkout.theme.css file with the one attached and it will solve the problem. Thanks for reporting this bug, I will commit updates to the dev later today.

You will find this file in at-commerce/css/commerce/

Anonymous’s picture

Anonymous (not verified) commented

Great! It worked like a charm. Thanks again, Jeff.

FrancescoUK’s picture

FrancescoUK commented

Yep, noticed the same issue.

However I applied the patch, cleared the cache unchecked the CSS compress under performance... and I still see the same issue with the buttons (and the or).

Where is the mistake? (The file is the latest, I checked it) :-(

FrancescoUK’s picture

FrancescoUK commented

ok, got where is the problem.

The zip file should contain commerce_checkout.theme.css and not commerce_cart.theme.css :-)
Jeff, please update the zip file in attachment.

Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Fixed

Just apply the CSS fix that is supplied, aka get off your ass and do it yourself. This is done.

FrancescoUK’s picture

FrancescoUK commented

I assume you mean from development, because the zip attached in this thread doesn't contain the right file. As already flagged.

Anonymous’s picture

Anonymous (not verified) commented

I believe it does work. It worked for me. All I did was download the zip and applied it...you just need to change the name of commerce_checkout.theme.css to the name of the .zip, commerce_cart.theme_.zip.

FrancescoUK’s picture

FrancescoUK commented

"fixed" commenting out in commerce_checkout.theme.css the following line:

/*
fieldset.checkout-buttons .checkout-cancel,
fieldset.checkout-buttons .checkout-back {
float: left;
}
*/

not sure is the right fix, but at least it puts the cancel button on the right after the "or".

I've no idea how ambitioustyphoon fixed, as if he replaced commerce_checkout.theme.css with commerce_cart.theme.css it might not be completely right.

FrancescoUK’s picture

FrancescoUK commented

so you have a css with view-commerce-cart when you are in a checkout view where you would need table.checkout-review & .page-checkout.

Or am I missing something?

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.