Viewing 15 posts - 1 through 15 (of 17 total)
  • #164453
    fixers
    Member
    Post count: 253

    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.
    #164645
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

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

    -Rui

    #164663
    fixers
    Member
    Post count: 253

    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?

    #164666
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    #164668
    fixers
    Member
    Post count: 253

    Hi Rui

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

    #165163
    fixers
    Member
    Post count: 253

    Hello?

    Any ideas guys?

    #165558
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    #165559
    fixers
    Member
    Post count: 253

    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. .

    #165565
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    #165567
    fixers
    Member
    Post count: 253

    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.
    #165592
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

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

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

    -Rui

    #165593
    fixers
    Member
    Post count: 253

    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.
    #165603
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    #165606
    fixers
    Member
    Post count: 253

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

    Attachments:
    You must be logged in to view attached files.
    #165608
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register