0
Welcome Guest! Login
0 items Join Now

Our Valentine's Day Sale is coming to an end, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships!
motionmailapp.com

Interstellar: Recreating the Demo - Contact Page

Your Guide to Recreating Elements of the Interstellar Demo for Joomla


Introduction

The Contact example page demonstrates how you can create a beautiful page with the Interstellar template. Here is some information to help you replicate this page as it appears in the demo.

Modules and Particles

Below is a brief rundown of the modules and particles used to make up the demo page.

1
Slideshow
Info List (particle)
2
Aside
Simple Content (particle)
3
Aside
Custom HTML (module)

Slideshow Section

This area of the page is an Simple Content particle. You will find the settings used in our demo below.

Section Settings

Field Setting
Layout Fullwidth (Boxed Content)
CSS Classes Blank
Tag Attributes Blank

Particle Settings

Option Setting
Particle Name Get in Touch!
CSS Classes center
Title Blank
Item 1 Name Get in Touch!
Item 1 Layout Style Header
Item 1 Created Date Blank
Item 1 Content Title Get in Touch!
Item 1 Author Blank
Item 1 Leading Content We are looking forward to hear from you.
Item 1 Main Content Blank
Item 1 Read More Label Blank
Item 1 Read More Link Blank
Item 1 Read More Classes Blank
Item 1 Target Self

Aside Section

1
Simple Content (particle)
2
Custom HTML (module)

This area of the page is a Simple Content particle and a Custom HTML module. The Simple Content particle and the Custom HTML module were both assigned to the aside-a module position, placed in the Aside section. You will find the settings used in our demo below.

Simple Content (Particle)

Section Settings

Field Setting
Layout Fullwidth (Boxed Content)
CSS Classes Blank
Tag Attributes Blank

Section Block Settings

Field Setting
CSS ID Blank
CSS Classes equal-height
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 20%

Particle Settings

Option Setting
Particle Name Contact Info
Layout Style Blank
Created Date Blank
Content Title Blank
Author Blank
Main Content Blank
Read More Label Blank
Read More Link Blank
Read More Classes Blank
Target Self

Leading Content

<br /><br /><br />
<strong><i class="fa fa-map-marker"></i> Interstellar  LTD.</strong> <br />
ul. Szarych Szeregów 10/28 <br />
15-666 Białystok <br />
Poland <br />

Block Settings

Option Setting
CSS ID Blank
CSS Classes equal-height
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 100%

Custom HTML (Module)

The Custom HTML module was assigned to the aside-a module position, placed in the Aside section. Here is the content body of the Custom HTML module.

<p><img src="/images/rocketlauncher/pages/contact/img-01.jpg" alt="image" /></p>
<p><strong>Interstellar</strong> is only available as part of the Club Subscription.</p>
<p>Please use the RocketLauncher to install an equivalent of the demo onto your site.</p>
<p>All demo content is for sample purposes only, to represent a live site.</p>

Contact Form

The contact form featured in the page is generated by Joomla. All you need to do to set this up is to create the page as a Single Contact menu item. You can see how this item is configured in the screen shot below.


Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.