MySSM Template v.1.4
Template Parameters
Please, check /templates/myssm/index.php file for main template's parameters:
$params = array(
"website_domain" => 'WEBSITE-DOMAIN.COM',
"show_dev_on_domain" => true,
"show_window_size" => true,
"css_container_width" => 1200,
"desktop_to_mobile" => 900,
"mainmenu_full_width" => false,
"content_full_width" => false,
"sidebars_width_perc" => 25,
"google_analytics" => '',
"google_verification" => '',
"microsoft_validate" => '',
);
Global PHP Variables
- $current_subdomain - This variable contains current website's subdomain alias defined in backend in MySSM Framework's configuration.
Example: <?php global $current_subdomain; print_r($current_subdomain); ?>
- $subs_blogs - This variable contains an array with Wordpress and/or EasyBlog blogs aliases defined in backend in MySSM Framework's configuration for each domain/subdomain.
Example: <?php global $subs_blogs; print_r($subs_blogs); ?>
- $client_platform - Contains an array with current client's platform. It's very usefull to use this variable to define if user opening website from mobile device or not. The "platform" can be "android", "ipad", "iphone", "linux" or "win"
Example: <?php global $client_platform; print_r($client_platform); ?>
- $request_uri - Contains $_SERVER['REQUEST_URI'] - full page address without any parameters.
Example: <?php global $request_uri; print_r($request_uri); ?>
JavaScript Functions
Here are some useful JavaScript function that you can use in your Articles and Custom HTML modules:
-
getWW() - returns Browser's Window Width.
getWH() - returns Browser's Window Height.
getDW() - returns Document's Width.
getDH() - returns Document's Height.out(something) - shorter equivalent of "document.write(something);".
Example:
<script>out(getWW());</script> //
<script>out(getWH());</script> //
<script>out(getDW());</script> //
<script>out(getDH());</script> //
- showBr(screen_width) - shows <br /> tag or "Vertical Line (|)" depends on Screen size.
Example: <script>showBr(600)</script>
- eqHeight(class_name, true) - sets Equal Height to divs / elements by CSS Class.
Example: <script>eqHeight('.myClass', true);</script>
- class="makeCall" - adding this class to any element with phone number in it will call JavaScript that will make this element clickable on mobile devices (screen width < 800).
Example: <span class="makeCall">123-456-7890</span>
- class="resizeVideo" - automatically resizes video container with 16:9 aspect ratio to fit width of parent.
For more information about how JavaScript functions work view file /templates/myssm/assets/scripts.js
