linkedin

Topics

⌘K
  1. Home
  2. /
  3. Docs
  4. /
  5. Topics
  6. /
  7. Events
  8. /
  9. Product and shop pages

Product and shop pages

FooEvents leverages the WooCommerce shop and product pages to display events. The benefit of this is that you can make use of any WordPress theme that includes support for WooCommerce templates, ensuring your events look great from the start.

When a product/event is published, a dynamic page is created on the front end of your website that displays the relevant product information as well as event information. Customers can use the provided form to add tickets to their cart and begin the checkout process. Event information and a Google map are displayed in WooCommerce tabs.

Templates #

The product page templates can be customized in an upgrade-safe way by overriding the WooCommerce templates. You can find out more about how to do so here.

FooEvents uses two of its own templates that can be found at the following location:

wp-content/plugins/fooevents/templates/event-tab-map.php
wp-content/plugins/fooevents/templates/event-tab.php

These can be overwritten by copying them to the following location in your theme directory:

wp-content/themes/YOUR_THEME_NAME/fooevents/templates/event-tab.php
wp-content/themes/YOUR_THEME_NAME/fooevents/templates/event-tab-map.php

Warning: Do not edit these files within the FooEvents plugin itself as they are overwritten during the upgrade process and any customizations will be lost.

Add to cart #

You can change the default “Add to Cart’ button text via the FooEvents Global settings.

Alternatively, you can use the WooCommerce add-to-cart URL. This is useful when creating your own Book Now links on custom designed pages (see demo example).

Add one simple product to cart

http://yourdomain.com/?add-to-cart=124

Add one simple product to cart with quantity = 2

http://yourdomain.com/?add-to-cart=124&quantity=2

Add one simple product to cart & redirect to cart afterwards

http://yourdomain.com/cart/?add-to-cart=124

Add one simple product to cart & redirect to checkout afterwards

http://yourdomain.com/checkout/?add-to-cart=124

Add one simple product to cart & redirect to any page afterwards

http://yourdomain.com/your_custom_page/?add-to-cart=124