|
Nathan Gibby
|
May 14, 2020 at 2:49 pm
The ticket selector table is not responsive and looks very bad on a mobile device (see example at https://endurancesportssummit.com/events/valkyrie-multi-stage-race/). I’ve tried to add some of the CSS code suggested in the a previous post, but that didn’t work so well. Is there a way to change those tables to be DIVs using bootstrap? If so, what files do I need to modify? How to do I modify so that file so that when we update the plugin, but doesn’t overwrite my modifications?
|
|
Tony
|
May 15, 2020 at 5:10 am
Hi Nathan,
You can’t easily convert the ticket selector from a table into Divs.
I have not idea on your ability but if you take a look in \event-espresso-core-reg\modules\ticket_selector\ you can see how the ticket selector is constructed. There are a couple of template files used in \templates\ and they can be overridden easily enough however the ticket selector object constructs the table itself so the methods used to generate the details build out the rows and that, you can’t easily modify.
What is it about the current ticket selector on your site that you don’t like?
|
|
Nathan Gibby
|
May 18, 2020 at 1:04 pm
If you were to look at the ticket selector on the URL provided, the three columns in the table are squished. In certain mobile devices, they don’t fit.
If I am to update the file you suggested, can I save it to my child theme to prevent it from being overwritten in the next update? If so, do I need to maintain the directory structure, or can I just put that file in the child theme and expect it to work properly?
|
|
Tony
|
May 18, 2020 at 1:18 pm
If you were to look at the ticket selector on the URL provided, the three columns in the table are squished. In certain mobile devices, they don’t fit.
I’ve already looked, but it’s all subjective and I don’t find it that bad in the views I used (emulated in Chrome) which is why I asked 🙂
We can help with some CSS if there is something specific you don’t like.
If so, do I need to maintain the directory structure, or can I just put that file in the child theme and expect it to work properly?
Place it in the root directory of your child theme and it will be used from there.
Again, note in that above I mentioned the template files are only half the battle. They are essentially the wrappers and the table rows are all generated using table marked within the ticket selector object itself, you can’t easily modify that output.
|
