Placing "Warenkorb"

[Florian Doose]

Dear Team,

we are creating a new homepage using “the events calendar pro” and woocommerce for selling tickets.
Is there any possibility to connect an “event” with “Warenkorb”, so that customers can press and buy right beside the link from the event?

[Nico]

Hi Florian,

Thanks for reaching out on this! I’ll try to help you out on this.

I’m not sure about what “Warenkorb” is (‘Shopping’ when translated with Google Translate), I guess what you are trying to do here is to add a button to buy a ticket right away from the events listing in the homepage?

If that’s the case what should happen if the event has different tickets for sale? Is that possible in your site? It will require a bit of customization but I guess it’s possible. A much more simple approach would be to link the ‘Buy’ button to the tickets section of the event. Do you think that could work as well?

Please let me know if I’m getting this right in the first place,
Thanks,
Nico

[Florian Doose]

Thanks for your ideas. But let me try again 😉

we sell tickets for yoga classes with woocommerce using the event calendar. We are working with WordPress “vantage premium”.
We need to connect the link for an event with the button “Warenkorb”, so that buying a ticket will be the most easy thing for our customers.
I attached an document with a grafic.
I really hope you can help us!!

http://www.yoga-ma.com/files/event%20frage.pdf

Also on the site with the description of an event we need to put the button “warenkorb” on top of the page. Now you have to scroll down until the button will be seen. Is there a possibility to place it on top?

Hope this helps….
Thank You!!

[Nico]

Hey Florian,

Thanks for clarifying this for me I think I get you now 🙂

To add the button ‘Warenkorb’ to the list widget you’ll need to perform a template override of said widget. I’ll outline the steps to do so below, but please make sure to read our Themer’s guide first. Here we go:

– Create the following folder structure ‘tribe-events/pro/widgets/modules/’ in your theme folder located at ‘wp-content/themes/your_theme/’.
– Make a copy of the file ‘wp-content/plugins/events-calendar-pro/src/views/pro/widgets/modules/single-event.php’.
– Drop the copied file into the ‘modules’ folder you just created in your theme.
– Edit the copy of ‘single-event.php’ to add the button.

Regarding the single event view, the process would be the same but the file you need to copy is ‘wp-content/plugins/the-events-calendar/src/views/single-event.php’ and drop the copy to ‘wp-content/themes/your_theme/tribe-events/’. Once in place edit the copy of the file and add the button.

Please let me know if you can manage to add the buttons to both files,
Have a great weekend,
Nico

[Florian Doose]

Hey nico,

I will try.thank you so far!
There is something else about the calendar. Our peakbusiness is in the evening (from 5pm-10pm). There is only one Class on thursday at 9:45am. Customers have to scroll down in the calendar. It would be nice to see the main classes on one glimpse. So you See the eveningtime. Possible?
Take a look on http://www.test.yoga-ma.com –>yoga-ma –>Anmeldung &stundenplan.

Thank you!

[Florian Doose]

Hey Nico,

we created the folder. Perfect!
Could you tell us how to create the button “Warenkorb” or “add to cart”. Would be nice to have an example.

Thank You!

[Nico]

Hey Florian,

Thanks for following up on this!

I couldn’t reach to http://www.test.yoga-ma.com/, I guess that scrolling is possible there. Can you send me a screenshot to know where?

Regarding the button, you want it to link to ‘Single Event view’ directly to the place where the ticket form is, right?

Please let me know and I’ll help you getting this done,
Best,
Nico

[Florian Doose]

Hey Nico,

sorry I attached a wrong link. It is: http://test.yoga-ma.com/kurse/
You can see that the calendar starts at 10am. It would be better to start at 3pm, so customers do not need to scroll down to the main events. It would be even better to stretch the window of the calendar.

The Button “Warenkorb” should be placed behind every link to the event. You can see it on the grafic: http://www.yoga-ma.com/files/event%20frage.pdf
This is the page without the button: http://test.yoga-ma.com/yoga-ma/hatha-yoga-sc/
Once you click the link, you should come straight to the purchase processing. Or if not possible, we place the button on top of the page: http://www.yoga-ma.com/files/calendar%20question.pdf
We really need to cut some steps for our customers. They complained that booking an event takes to many steps…So if you have any idea…

Sorry, there is one more topic to go. We offer courses which endure 12 weeks. Customers book one course for instance monday 18:45pm. So they join the same class every week.
The problem for booking is the calendar view. If you look on a wednesday on our calendar and you would like to book the course from monday. You can´t book the course because it already took place….Is there a way to change this?

Uff – I really feel sorry for questioning that much!
Florian

[Nico]

Hey Florin,

Thanks for getting back to me on this once again!

To adjust week view I can suggest to things, that might work well together:

1- Cut down the hours shown in the view. Add this snippet to your theme’s functions.php file:

/* cur down hours from week view */
add_filter( 'tribe_events_week_get_hours', 'filter_week_hours' );
function filter_week_hours( $hours ) {
$hour = 0;
foreach ( $hours as $key => $formatted_hour ) {
if ( $hour < 9 || $hour > 22 ) {
unset( $hours[ $hour ] );
}
$hour ++;
}
return $hours;
}


2- Change the height of the week view grid, to avoid the scrollbar. Add this CSS to your theme’s stylesheet:

.tribe-events-grid .tribe-scroller {
// set value to desired week view height
height:1000px;
}


Regarding the button, you can add it as described in previous replies. The actual html of the link would be something like this:

#tickets" rel="bookmark">Warenkorb


Making the button to add the ticket and go directly to the chechkout is a customization that would be out of the forum support scope. We can make it go to the tickets form instead which is quite simpler. First add the ‘#tickets’ hash to the link you want to direct to the tickets form (as shown in the sample code above).

Now we need to add that ‘id’ to the tickets form, for that you’ll need to create a template override as described for the other templates. In this case the file to copy is ‘wp-content\plugins\wootickets\src\views\wootickets\tickets.php’ and drop the copied file to em>’wp-content\themes\your_theme\tribe-events\wootickets\tickets.php’. Once the copy is placed, edit the file and in line 9 add the ‘id’ property to the form:

<form id="tickets" action="<?php echo esc_url( $woocommerce->cart->get_cart_url() ) ?>" class="cart" method="post" enctype='multipart/form-data'>


On your question about booking, I’m not sure what you are asking… If the event has passed the user won’t be able to purchase the tickets, that’s the default behavior.

Please let me know if you can manage to adjust week view and create the ‘Warenkorb’ buttons,
Best,
Nico

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts