Event Notice deprecated and ticket selection layout

[willem engel]

Hi,

I’m running the latest versions of:
– Event Calendar
– Event Tickets
– Event Tickets Plus
– The Events Calendar: Facebook Events
on theme Virtue Premium.

I have 2 problems. I post them in one topic since they might be related:
In an event I get the following warning:
Notice: tribe_events_the_notices is deprecated since version 4.0! Use tribe_the_notices instead. in /chroot/home/dastudio/da-studio.nl/html/wp-includes/functions.php on line 3568

next problem is the Ticket selection. The box with the number in it (0) should have plus and minus buttons next to it. Instead, those buttons show up at 2 different locations on the page.

Can you direct me in the right direction? functions.php line 3568 leads me to nowhere.

(I switched to Twenty Fourteen keeping all the plugins activated, the problems disappeared)

Thanks!

• This topic was modified 10 years, 3 months ago by willem engel.
• This topic was modified 10 years, 3 months ago by Geoff B..

[Geoff B.]

Good evening Willem and happy new year!

Thank you for your question.
It will be my pleasure to help you solve these issues.

<span style=”text-decoration: underline;”>Deprecated functions message</span>

It sounds like there is some Events Calendar customization in the WordPress theme you are using.
If you haven’t already, I suggest reading our Themer’s guide to get a better understanding of how that works.

To make a long story short, here is what you should try first:

1. Using your FTP client, navigate to your WordPress theme’s folder /wp-content/themes/Virtue.
2. You should see a folder named “tribe-events”
3. Look for the functions.php file in that folder and open the file in your favorite text editor
4. Find and replace “tribe_events_the_notices” by “tribe_the_notices”
5. Save your file and make sure it overwrites the previous functions.php in the “tribe-events” folder

Let me know how that goes.

 

<span style=”text-decoration: underline;”>Ticket selection issue</span>

Could you provide me the link to your website so that I can investigate this better ?

 

Have a good night!

Geoff B.

[willem engel]

Hi Geoff,

Happy new year to you too indeed! Thank you for your response.

I copied the website to a temporary location so I can disable maintenance mode for you to have a look.

I do not have a functions.php file in that location. The only files in that directory are default-template.php and single-event.php. In single-event.php I did find the “tribe_events_the_notices”-line. Changing that line solved problem #1. Thanks! 😀

As for problem #2:
A link to an event: http://www.lamberts-assistance.com/da-studio-nl/event/bootcamp-samba-solo-by-claudia-beleza/
The “plus” is on the top of the details-box, the “minus” sits at the very bottom. They should sit next to the number of tickets, just like http://www.lamberts-assistance.com/da-studio-nl/shop/racer-t-shirt/

Thanks for the help so far!

Robert

(Willem is the owner of the website, I had him buy the plugins himself)

[Geoff B.]

Good afternoon Robert,

Thank you for copying the website.

I am glad you found the solution to problem #1, we are almost there!

Problem #2 is actually related to the CSS rules of the virtue theme (/wp-content/themes/virtue_premium/assets/css/virtue.css).

Look for the rule for #content .quantity .minus, #content .quantity .plus as well as the rules for #content .quantity .minus and #content .quantity .plus

Simply put, the <span class=”webkit-css-property styles-panel-hovered”>position</span>: <span class=”value”>absolute</span>; rule is what is causing your + and – buttons to appear in the wrong spot. So it looks like you have a bit of CSS fun ahead of you, but at least it is totally fixable.

Hope that helps and let me know how it goes.

Happy customizing!

Geoff B.

[willem engel]

Hi Geoff,

Thank you for your pointers.

At first I couldnt find the lines you were referring to and decided to spend my time on other parts of the website so other people can continue with their work instead of waiting for me.

Now that I have time again to dive into this problem. I have found the following lines, but since I’m not very strong at CSS I’m stuck a.t.m., not knowing what to change.

Can you give me some more pointers?

#content .quantity .minus,#content .quantity .plus{display:block;padding:0;margin:0;position:absolute;text-align:center;vertical-align:text-top;width:20px;height:20px;overflow:visible;text-decoration:none;font-weight:700;cursor:pointer;line-height:10px;font-size:12px;color:#444;border:1px solid #c6c6c6;border-left:0;background:#f7f6f7}#content .quantity .minus:hover,#content .quantity .plus:hover{background:#d3d3d3}#content .quantity .plus{top:0;right:0;border-bottom:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#content .quantity .minus{bottom:0;right:0;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;border-top-left-radius:0;border-top-right-radius:0}#reviews h2 small{float:right;color:#777;font-size:15px;line-height:21px;margin:10px 0 0 0}#reviews h2 small a{text-decoration:none;color:#777}#reviews #respond{margin:0;border:0;padding:0}

Thanks in advance,

Robert

P.S. Is this code quite messy (it’s all on 1 line?) or is that just me?

[willem engel]

Hi Geoff,

I’ve been playing around with some code, going through the different forums. I realized the shop page shows the buttons perfectly, it’s only on the event pages where it goes wrong.

Adding
#content .quantity .minus,#content .quantity .plus{
position: relative;
}
in my child-themes css does move them towards better locations, but still not quite right, and also moves them on the WooCommerce product page, where they’re perfect without the code.

I also posted a thread on the theme’s forum, since they apparently added some code for tribe-events plugins.

More pieces of the puzzle, hope it helps..

Robert

[Geoff B.]

Good evening Robert,

I am sorry to hear that the CSS file is a bit hard to read.

As I do not have a copy of the virtue theme, I cannot know for sure why the CSS file seems to be displaying on 1 line.

It could be that the CSS file is minified (purposely put on 1 line to save on space) or perhaps it’s a matter of opening the file up in a text editor that is CSS friendly.

Either way, I’ll try my best to help you fixing things to your liking.

 

CSS rules can apply to many elements on the page. They typically follow the following structure:

• name of the elements impacted {css rule; css rule;etc;}

In this case the one that’s causing problems is

https://gist.github.com/GeoffEW/3fe6e940dca51357874f

More specifically the rule position:absolute; which should be replaced for position: relative; as a starting point.

But to make sure that rule change does not impact the display of the + and – buttons elsewhere, I recommend using a new rule. In CSS when you make a rule very specific to a certain context, it takes precedence over any other rules.

In this case, adding the .kt-event-sidebar class should do the trick.
Here’s how that new rule should look

https://gist.github.com/GeoffEW/1cde9c17a0df014d9613

From there you will still have to add 2 new rules (#content .kt-event-sidebar .quantity .plus and #content .quantity .kt-event-sidebar .minus) to fine-tune the position of the buttons (the top, right and bottom values).

Let me know how that works for you.

Have a great day,

Geoff B.

 

[willem engel]

Hi Geoff,

The theme developer was notified of my problem and he came up with the following solution:

.quantity.buttons_added {
float: left;
margin: 0 10px 0 0;
width: 60px;
position: relative;
overflow: hidden;
zoom: 1;
}

Thank you for your help as I now understand the theme and your plugin a lot better and was even able to make some modifications to the ticket views.

Greetings,

Robert

[Geoff B.]

Good afternoon Robert,

I am glad to hear this was helpful to you and we are always there to help.

Thank you for sharing the fix form your theme developer as well. Perhaps this will be useful to some of our other clients as well.

I will go ahead and close this thread then, but please come back if you any other questions.

Have an awesome day!

Geoff B.

[Author]

Posts