Skip to content

A mobile ready Diazo Plone theme, inspired by the realia templates.

Notifications You must be signed in to change notification settings

propertyshelf/ps.diazo.realia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Thomas Massmann
Aug 30, 2017
e937200 · Aug 30, 2017
Apr 6, 2015
Aug 30, 2017
May 8, 2017
Apr 6, 2015
Aug 25, 2017
May 8, 2017
Aug 30, 2017
Aug 30, 2017
May 24, 2016
Aug 25, 2017
May 24, 2016
May 24, 2016
May 23, 2016
May 26, 2017
Aug 25, 2017
May 23, 2016
Aug 30, 2017
Aug 30, 2017
May 26, 2017

Repository files navigation

Propertyshelf Realia Theme

This installable Plone product enables a Diazo implementation of the mobile-ready HTML5 theme, based on the popular Realia Theme.

Platform

  • Plone 4.x (Plone > 4.3 recommended)
  • requires plone.app.theming
  • requires Diazo support

Supports

  • mobile-ready
  • Html5, CSS3
  • use as Zip Upload
  • Propertyshelf's listing embedding solutions

Setup Steps

If the theme is installed via ZIP file upload, please deactivate the following Plone default css files in portal_css via ZMI:

  • reset.css
  • public.css

Options

You can adjust the following Diazo parameters in Advanced settings of the "Theming" in Site Setup.

header_class

  • normal
  • light
  • dark
  • dark-dark
  • Default: header_class = string:normal

slider_fullscreen

  • true
  • false
  • Default: slider_fullscreen = string:false

nr_phone_show

  • This phone number shows on header contact information
  • Default: nr_phone_show = string:+166 1418 7657

nr_phone

  • Is dialed by apps when click on header phone number
  • Default: nr_phone = string:16614187657

email

  • This email is use in the header contact imformation
  • Default: email = string:[email protected]

theme_color

  • red
  • gray-red
  • magenta
  • gray-magenta
  • brown
  • gray-brown
  • brown-dark
  • gray-brown-dark
  • orange
  • gray-orange
  • green-light
  • gray-green-light
  • green
  • gray-green
  • turquiose
  • gray-turquiose
  • blue
  • gray-blue
  • violet
  • gray-violet
  • Default: theme_color = string:blue

Header features

This package has 2 features for its header:

Default: "List your property"-button

In "Site Setup" > "Theming Toolkit Settings"

  • checkbox "Show Social Header Viewlet" is checked

  • in "Social Plugins Code" text-area you will need the html below:

    <div id="site_contact_link">
        <a class="btn btn-primary btn-large list-your-property arrow-right" href="URL">TEXT</a>
    </div>
    

You can adjust URL and TEXT as you need. If you want to switch slogan

"Slogan"-header

In "Site Setup" > "Theming Toolkit Settings"

  • checkbox "Show Social Header Viewlet" is checked

  • in "Social Plugins Code" text-area you will need the html below:

    <div class="slogan">
        <h1>Customer Slogan</h1>
        <p>Smaller text below</p>
    </div>
    

Multi-lingual Slogans

  • to identify a content as language-active you will need to add the css class lang at your slogan
  • to identify the language of the content you will need to add the css class lang-XX (XX is the used language code)

Example:

<div class="slogan">
    <div class= "lang lang-en">
        <h1>Customer Slogan</h1>
        <p>Smaller text below</p>
    </div>
    <div class= "lang lang-es">
        <h1>Slogan cliente</h1>
        <p>Texto más pequeño debajo</p>
    </div>
</div>

Skype Contact:

In "Site Setup" > "Theming Toolkit Settings"

  • checkbox "Show Site title & contact viewlet" is checked
  • in its input field you can add your Skype name
  • the Skype-icon will show automatically