Will Pom

Forum Replies Created

Viewing 15 replies - 31 through 45 (of 56 total)

  • Try doing similar in WP Bakery. Set up a test event. Build the page layout you want using the #_PLACEHOLDERS. Copy the code into the single event formatting; it’ll give you something to go with whilst you figure out the actual template.php

    Gutenberg was just my example of how I’ve done it.

    You need to find the correct classes of your theme page/post to copy into the page – event – classes.

    I too found the documentation lacking, probably because I don’t have a clue as to how to code.

    Good luck

    Hi @aboooo

    I’m a none developer but good at manipulating things and copy and pasting. May be this will help you.

    I like Gutenberg, I can get it to do what I want (almost) most of the time. I designed my event page within using EM shortlinks (and others that I have on my site) and a combination of #_PLACEHOLDERS.

    I then switched to code view and copied this into the single event formatting, removing all the EM shortlinks. Now I just have to add the ‘Description’, ‘Details’ and any extra event images, videos etc.

    I have a test event so I can make changes if I need to add anything to all and copy and paste over. I’ve found with Gutenberg enabled a few features are lost (reuseable blocks) but at the moment it is best for me.

    I found the page classes from my template and copied those into the event classes under pages.

    Events are looking good if I do say so myself eg. https://www.pedalution.co.uk/events/chalke-cheese-200/

    I created custom lists within pages using the same principle as I wanted to sort by secondary categories for current, past, and those run at a time to suit the user. eg. https://www.pedalution.co.uk/gwraudax/calendar-events/

    I can’t for the life of me manipulate the main list to have full width like my theme but I have managed to include Stonehenge Creations carousel at the top. For some reason it repeats the list lower down over and over, but this page isn’t linked too so I’m not bothered at the mo. eg. https://www.pedalution.co.uk/home/events/

    My single event formatting:

    <head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column">
<h6>BRIEF:</h6>
<strong>#_EVENTEXCERPT</strong>
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column has-text-align-center">
<h6>WHEN:</h6>
#_EVENTDATES</br>
#_EVENTTIMES

<h6>WHERE:</h6>
#_LOCATIONLINK<br> #_LOCATIONTOWN, #_LOCATIONPOSTCODE
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column has-text-align-right"><!-- wp:shortcode -->
<h6>Ride review summary:</h6>[site_reviews_summary category="#_ATT{Review}"]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:ugb/button {"design":"fullwidth","button1Size":"normal","button1BackgroundColor":"#ed8b00","button1NoFollow":false,"uniqueClass":"ugb-e71b932","align":"wide"} -->
<div class="alignwide wp-block-ugb-button ugb-button-wrapper ugb-e71b932 ugb-button--design-fullwidth ugb-main-block" id=""><style>.ugb-e71b932 .ugb-button1{background-color:#ed8b00}.ugb-e71b932 .ugb-button1 .ugb-button--inner,.ugb-e71b932 .ugb-button1 svg{color:#222222}</style><div class="ugb-inner-block"><div class="ugb-block-content"><div class="ugb-button-container"><a class="ugb-button1 ugb-button ugb-button--size-normal" href="https://www.aukweb.net/events/detail/#_ATT{AUK}/" target="_blank" rel="noopener noreferrer"><span class="ugb-button--inner">ENTER VIA AUK</span></a></div></div></div></div>
<!-- /wp:ugb/button -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":33.33} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"align":"left","level":6} -->
<h6 class="has-text-align-left"><strong>Route:</strong></h6>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Extensive route notes and a variety of files will be distributed to entrants via email a week or two before the event. In the mean time use the interactive map for an overview of what lies ahead (subject to change); toggle the elevation & grade on/off by clicking the key. *Please note plugin's 'grade' is experimental so take it with a pinch of salt, especially where rocky outcrops may be present.</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
[table id=1 /]
<!-- /wp:shortcode --></div>
<!-- /wp:column -->

<!-- wp:column {"width":66.66} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:shortcode -->
[sgpx gpx="/wp-content/uploads/gpx/#_ATT{Code}.gpx"]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><div class="wp-block-group__inner-container">
#_EVENTNOTES</div></div>
<!-- /wp:group -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":33.33} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading -->
<h2>Like or loath it? Let others know.</h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
[site_reviews_form category="#_ATT{Review}"]
<!-- /wp:shortcode --></div>
<!-- /wp:column -->

<!-- wp:column {"width":66.66} -->
<div class="wp-block-column has-text-align-right" style="flex-basis:66.66%"><!-- wp:heading -->
<h2>What others think.</h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
[site_reviews category="#_ATT{Review}" display="3" pagination="ajax"]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:ugb/button {"design":"fullwidth","button1Size":"normal","button1BackgroundColor":"#ed8b00","button1NoFollow":false,"uniqueClass":"ugb-329060c","align":"wide"} -->
<div class="alignwide wp-block-ugb-button ugb-button-wrapper ugb-329060c ugb-button--design-fullwidth ugb-main-block" id=""><style>.ugb-329060c .ugb-button1{background-color:#ed8b00}.ugb-329060c .ugb-button1 .ugb-button--inner,.ugb-329060c .ugb-button1 svg{color:#222222}</style><div class="ugb-inner-block"><div class="ugb-block-content"><div class="ugb-button-container"><a class="ugb-button1 ugb-button ugb-button--size-normal" href="https://www.aukweb.net/events/detail/#_ATT{AUK}/" target="_blank" rel="noopener noreferrer"><span class="ugb-button--inner">ENTER VIA AUK</span></a></div></div></div></div>
<!-- /wp:ugb/button --><br style="clear:both" />
{has_bookings}
<h3>Bookings</h3>
#_BOOKINGFORM
{/has_bookings}
</body>
[event-navigation]

    It’s a hack but maybe will help with ideas in the meantime if you have a deadline.

    • This reply was modified 5 years, 1 month ago by Will Pom.

    As @angelo_nwl notes in his link EM doesn’t support Gutenberg; yet – hopefully it will one day.

    I was going to write up my experiences when I had a spare moment as a newbie with no coding experience; I’m good at copying and pasting though! Whilst there are a few glitches I’ve managed to work around them so far. My date picker does show though.

    I’m going basic at the mo and linking to an external site for registration. Once I have the main event information sorted I’m going to give the pro a trial with the aim of managing my own bookings.

    Good luck with yours.

    @bea68 I enabled Gutenberg

    The tags and categories disappeared from the event edit page but they can be added from the list using quick edit.

    As to date picker (when) it is just at the bottom now on my edit page not the top.

    Thread Starter Will Pom

    (@wi77p0m)

    Thanks Patrick I will do as I understand why you may feel despondent with this forum at the mo. Your original response was neither irrelevant, unsolicited or sent indiscriminately to a large number of users, for the purposes of advertising, phishing, spreading malware, etc.
    Nor was it a tinned meat product made mainly from ham.

    All seems a bit brutish!

    Thread Starter Will Pom

    (@wi77p0m)

    For the record

    Here’s a link to a 3rd party site (as Patrick provided). I didn’t write it but it helped me a great deal. Maybe it will help you too.

    https://www.stonehengecreations.nl/correct-event-navigation-prev-next-on-single-events/

    [events_list]#_EVENTLINK[/events_list]

    Or what ever you want to put in the shortcode.

    eg. 

    [events_list_grouped mode="monthly" category="cal-event"]
<table border="0" bgcolor="#cccccc">
<col style="width:25%">
<col style="width:50%">
<col style="width:10%">
<col style="width:15%">
  <td>
    #_EVENTIMAGE{800,0}
  </td>
  <td><h5>#_EVENTLINK</h5>
    <h6>#_{l jS}: #_24HSTARTTIME -#@_{ l jS\:} #_24HENDTIME | #_EVENTICALLINK | #_EVENTWEBCALLINK |</h6>
    <i>#_EVENTEXCERPT</i>
    {has_location}<strong>#_LOCATIONLINK, #_LOCATIONADDRESS, #_LOCATIONTOWN, #_LOCATIONPOSTCODE</strong>{/has_location}
  </td>
  <td>
    <strong>TYPE:</strong> #_ATT{Type}
    <strong>DISTANCE:</strong> 
    Points: #_CATEGORYLINK
    Actual: #_ATT{Distance}
    <i>Speed: #_ATT{Speeds}</i>
    <strong>CLIMB:</strong> #_ATT{Climb}
    <strong>AAA:</strong> #_ATT{AAA}
    <i>#_TAGLINK</i>
  </td>
  <td>
    <img src="#_ATT{Overview}"/>
  </td>
        </table>[/events_list_grouped]

    Calendar Events

    • This reply was modified 5 years, 1 month ago by Will Pom.
    Thread Starter Will Pom

    (@wi77p0m)

    @karen-wehrstein that has nothing to do with me or this topic. Perhaps you need to take it up with the Forum

    @duisterdenhaag I thank you unreservedly for your input and value the information from your tutorial and subsequent specific follow up.

    @jdembowski I do believe the link Patrick provided was to his site as he is the contributor to Stonehenge Creations, as can be seen by his plugins for Events Manager. It directed me to generic information on this topic that may be useful to others. Patrick then went on to give me specific information for my needs. I’m unsure why you have singled him out other than the bleating of a couple of others over their inability to unsubscribe from a topic within the WordPress Forums. Seems harsh!

    Thread Starter Will Pom

    (@wi77p0m)

    **UNSUBSCRIBERS – Just set up an email filter to move to all [www.ads-software.com Forums] emails to a different folder other than your inbox. Run manually on the folder they are in now to clear it. Manage from there…

    @duisterdenhaag thanks again.

    Brain fart moment, the Wells, Mells & Broader 200 event is the next most recent, that is why it doesn’t display previous…

    Used Code Snippets.

    It does float to the left though and not the right. I’ve changed the scope to all anyway so past are displayed too; as well as only a specific category.

    $args = array(
		'status' 	=> '1',					// Only active events (not 'Pending').
		'scope' 	=> 'all',               // Specify past, future or all events.
		'category'  => 'cal-event',         // Specify category.
		'orderby' 	=> 'event_start_date',
		'blog' 		=> 'all',				// Only applicable for MultiSite.

    It doesn’t replace the theme’s pagination though just adds a new one above. Do you think it is possible to do this so not as cluttered; creating a child theme? I’m in the process of converting my blog to TwentyTwenty and moving it over so would like to keep the usual pagination for that, then again I don’t add posts chronologically there either. May be this is more of a question to be asked in TwentyTwenty support.

    If this isn’t possible is there a way of replacing the ‘Previous’/’Next’ with the event title? Possibly with the event date included?
    I’m guessing it would have something to do with the permalink title & associated date being displayed here?
    <a href="'. get_permalink($prev_post) .'">? '. __('Previous') .'</a>

    Added alignwide to mimic theme navigation in the meantime.
    $output .= '<nav class="pagination-single section-inner alignwide" role="navigation">';

    I’m going to have to buy a book and learn about this code stuff…

    • This reply was modified 5 years, 1 month ago by Will Pom.
    • This reply was modified 5 years, 1 month ago by Will Pom.
    Thread Starter Will Pom

    (@wi77p0m)

    The above appears to only happen on pages that have the site review (which I’m working on to be on all event pages)

    Thread Starter Will Pom

    (@wi77p0m)

    If I put your css at the end of the style.css it excludes <Previous but shows Next> to the right.

    Thread Starter Will Pom

    (@wi77p0m)

    Hi @duisterdenhaag

    Thanks for that. As a person who has no coding experience other than muddling by can I ask where in the functions.php I should put it? Just append to the end? I did that am not sure if I have the intended output. It has put another navigation above the theme navigation consisting just of
    <Previous
    Next>

    I had a search through the theme style.css and noticed it refers to .post-nav-links rather than .post-navigation Would it be the case of modifying these to reflect?

    PS. Thanks for your OSM Location map. I use WP-GPX-Maps to display routes. FYI I can’t display both that and the location map on the event page as I guess there is some leaflet faceoff occurring. Not a problem for me as if a user clicks on the location link all is revealed.

    Have you enabled Gutenberg? When I did I lost the backend categories and tags from the edit event page. I add them using the quick edit from the backend events list

    Thread Starter Will Pom

    (@wi77p0m)

    Thanks.

    I’ll add the #_ATT{… as additional categories in the mean time.

    Me too, thanks

Viewing 15 replies - 31 through 45 (of 56 total)