WooCommerce Checkout

[fixers]

Hi There

Please see attached screen shots of our checkout, the checkout doesn’t seem to like displaying variable product options?

As you can see the fields are out of alignment – is there a simple way to resolve this?

Thanks

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

They seem fine to me. How do you expect it to show?

-Rui

[fixers]

Hi Rui

You can see on the attachment, the product variables are not displaying with there headings.

The numbers 1 and 2 are displayed next to the dates, this is incorrect.

They should be displayed next to Rooms and Guests, which are currently showing as blanks?

[Rui Guerreiro – SUPPORT]

Didn’t notice that 1 and 2.

Are using any custom code or 3rd party plugin to achieve this functionality to show the Rooms and Guests?

-Rui

[fixers]

Hi Rui

No CSS and no 3rd party plug in, just a woo commerce variable product?

[fixers]

Hello?

Any ideas guys?

[Rui Guerreiro – SUPPORT]

Hi,

Guess the information you gave me it’s not accurate, since I checked your plugins and you are using Events Calendar, the variable product don’t do that by default.

Not sure what can be done, will have to forward to our development team.

-Rui

[fixers]

Hi Rui

Im not using events calendar, it has nothing to do with the issue.

The calendar sits on the page purely to allow people to see what date is available. The calendar isn’t even visible on a product page. They select – these variable fields in the product page, from woo commerce as normal.

The issue is absolutely 100% in the theme / woo commerce?

Please respond promptly on this issue – its 4 days since i submitted a initial query and as you can see from the thread I’m no further on. .

[Rui Guerreiro – SUPPORT]

Sorry for the wrong assumption, I checked one of your products and didn’t see any attributes. Them i clicked in one image that lend me to a page with calendar an book now.

Can you make a quick experiment turning off our theme and try it with the default WordPress theme.

-Rui

[fixers]

Hi Rui

See attached screen shot from 2014. As you can see the formatting is much better.

Thanks

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

It seems because of the width of the value.
Try this css below

dd.variation-Rooms {
  width: 60%!important;
}

-Rui

[fixers]

Hi Rui

Looks worse and has effected the cart page as well as checkout.

See two attachments.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Replace by this one to only affect checkout page. Also adjusted the width for the Guests field to it can move down to his row.

.woocommerce-checkout dd.variation-Rooms, .woocommerce-checkout dd.variation-Guests {
  width: 60%!important;
}

-Rui

[fixers]

Thanks Rui, looking lot better – still slightly out- looks like line height?? see attached.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

you are right it was 30px

add this one

.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd {
  line-height: 32px!important;
}

-Rui