Adding A New Tour Page on Styx

Step 1. Copy this code into any HTML editor.
<div class="event-node-full node node-event node clear-block">

  <h3>Atlantic City, NJ</h3>
  <h5>May 17, 2019</h5>
  <h6>Sound Waves at Hard Rock Hotel</h6> 
  <div id="event-purchase-link-container" class="event-item links event-purchase-link-container purchase-link-container">
    <ul>
      <li class="button sale-link">
        <div class="field field-name-field-links-2 field-type-link-field field-label-hidden">
          <div class="field-items">
            <div class="field-item even">
              <a href="https://www1.ticketmaster.com/styx/event/02005667C8A99073">
                            Buy Tickets
                          </a>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
  

  <div id="event-middle-row1-container" class="node-row-container clearfix node-row1-container">
    <fieldset class="event-item">
      <legend>Event Details</legend>
      <div id="event-time" class="time">Time: 8:00pm</div>
      <div id="event-title" class="title">Atlantic City, NJ</div>
      <div id="event-body" class="body"></div>
      <div id="event-location-title" class="title">Sound Waves at Hard Rock Hotel</div>
      <div id="event-location-address" class="address">
        <div class="field field-name-field-address field-type-addressfield field-label-hidden">
          <div class="field-items">
            <div class="field-item even">
              <div class="street-block">
                <div class="thoroughfare">{EventStreetAddress}</div>
              </div>
              <div class="addressfield-container-inline locality-block country-US">
                <span class="locality">Atlantic City
                          </span>,
                <span class="state">NJ</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="event-location-venue-link" class="link"></div>
      <div id="event-location-map-link" class="link"></div>
    </fieldset>
  </div>
  <!-- main event content -->
</div>

  Step 2. Change tour information accordingly. Step 3. Create a new page and apply a template from dropdown page.show-details Step 4. Copy all the code from the HTML editor and paste it into the Show HTML side of the Contact area by clicking this button.  Show HTML

Step 5. Click save.

Leave a comment