Page 'extras'

From Version 3.6

When a page is created an 'extras' file is also created. It can be accessed and edited in Admin/pages 'Get extras'. The extras file is displayed by adding a dollar synbol $ to the first line of the page text (or hidden by removing the symbol).

The extras file text is not auto-formatted into paragraphs like normal page content so HTML paragraph tags should be used to write paragraphs.

The 'extras' feature might be useful, for example, with a standard block of HTML such as an online shopping form with an 'Add to basket' button that can be turned on or off or adjusted without needing to re-create it each time.

Information »

Page last modified: 04 December, 2020

Example product

(Button non-active)

View source for form HTML.

Styles

/* Buy form [ 20 Nov 20 ] */

.extras form {
  text-align: left;
}

.extras form input[type=submit] {
  padding: 7px 21px 8px 20px;
  background-color: #02a181;
  border: 1px solid #02a181;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-size: 1.05em;
  font-family: 'Open Sans', Sans-Serif;
  font-weight: 600;
}

.extras form input[type=submit]:hover {
  color: #02a181;
  background-color: #fff;
  border: 1px solid #bbb;
  cursor: pointer;
  }

.extras form input[type=text] {
  width: 30px;
  text-align: center;
}

@media screen and (max-width: 797px) {

  .extras form {
    text-align: left;
    margin-right: 20px;
    margin-left: 20px;
  }

  .extras form input[type=text] {
    display: inline;
  }

}