Advertisement
Guest User

Perch Template for Gmap Fieldtype

a guest
Jan 25th, 2017
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.29 KB | None | 0 0
  1. <!--* Defined the fields in order, then reference lower down the page *-->
  2. <perch:content id="title" title="true" label="Title" type="smarttext" required="true" suppress="true" />
  3. <perch:content id="subTitle" type="smarttext" label="Subtitle" help="This will appear inside the main title but smaller" suppress="true" />
  4. <perch:content id="slug" type="slug" for="title" editable="true" suppress="true" indelible="true" label="Slug (url)" help="Once set, this can't be changed" />
  5. <perch:content id="date"  type="date" label="Event Date" suppress="true" required="true" title="true" />
  6. <perch:content id="startTime" type="time" label="Start Time" suppress="true" />
  7. <perch:content id="endTime" type="time" label="End Time" help="If the event has an end time, enter it here. We will display the end time if it is after the start time!" suppress="true" />
  8. <perch:content id="customTime" help="Use this box instead of the time fields above to describe custom time information, or multiple times (e.g. 4.30 and 7pm)." type="text" label="Custom Time" suppress="true" />
  9. <perch:content id="location" type="gmap" label="Location" suppress="true" />
  10. <perch:content id="description" label="Description" type="textarea" editor="redactor" size="xl" html="true" required="true" suppress="true" />
  11. <perch:content id="excerpt" label="Short Excerpt" help="Displayed on event list. If ommitted description will be use truncated to 50 words." type="textarea" editor="redactor" size="s" html="true" suppress="true" />
  12. <perch:content id="feature" type="image" width="770" label="Featured Image" required="true" help="Landscape images only please." suppress="true" />
  13. <perch:content id="feature" type="image" width="360" label="Featured Image" required="true" help="Landscape images only please." suppress="true" />
  14. <perch:content id="image-caption" label="Image caption or copyright" type="smarttext" suppress="true" />
  15.  
  16.  
  17. <!--*
  18.     Start Template Output
  19. *-->
  20. <perch:template path="partials/_icons-svg.html" />
  21.  
  22. <header class="content-section  col  col--medium  article__header">
  23.     <figure class="article__feature">
  24.         <img src="<perch:content id="feature" type="image" width="770" />" alt="<perch:content id="title" type="smarttext" />" label="Title" />
  25.         <perch:if exists="image-caption">
  26.         <figcaption class="article__image-caption">
  27.             <perch:content id="image-caption" type="smarttext" />
  28.         </figcaption>
  29.         </perch:if>
  30.     </figure>
  31.  
  32.     <h1 class="article__title"><perch:content id="title" type="smarttext" /><perch:if exists="subTitle"><small><perch:content id="subTitle" type="smarttext" /></small></perch:if></h1>
  33.  
  34.     <p class="event-meta"><svg class="icon  icon--calendar mr--"><use xlink:href="#calendar" /></svg><perch:template path="partials/_event-date.html" /></p>
  35.     <p class="event-meta"><svg class="icon  icon--location mr--"><use xlink:href="#location" /></svg> <perch:content id="location" type="gmap" output="address" /></p>
  36. </header>
  37.  
  38.  
  39. <article class="col  col--thin">
  40.     <perch:content id="description" type="textarea" editor="redactor" size="xl" html="true" />
  41. </article>
  42.  
  43. <section class="content-section wrapper">
  44.     <h2 class="module-title">Event Location</h2>
  45.     <perch:content id="location" type="gmap" />
  46.     <a href="<perch:content id="location" type="gmap" output="directions"/>" class="btn btn--blue  fr">Get Directions</a>
  47. </section>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement