TNEW v7 Item Page Layout: Additional Events

We're puzzling over text and display options for our v7 Item Pages currently, and after lots of awkward wording and confusion hit on the fact that we all thought the page and usage would flow much more naturally if the best seat/syos block sat on the left and the additional events sidebar sat on the right.  This was magnified by the fact that the additional events block is moved down below the seat selection area when in mobile mode.

I assume there was some kind of discussion and analysis behind TNEW's decision to place it on the left, so I want to make sure we're not missing something before investing the time in restructuring the page.

  • Hi Gawain,

    I wonder if overriding the CSS 'order' property of a few elements on this page page would get you close to what you need. Something like the following should put the Additional Events over in the right column. For brevity, I'm omitting media queries, vendor prefixing, and margining:

    .tn-event-detail__additional-events-container {
      order: 2;
    }
    
    .tn-event-detail__main-container {
      order: 1;
    }
    

    Let me know if this helps.

    Thanks!
    Billy

  • Thanks, I'm not familiar with a lot of this new CSS stuff.  Probably we'll turn it over to the vendor building our new template, but I'll keep that in my back pocket in case it falls to me.