• Home
  • Documentation
    • Basics
    • Extend
    • Advanced
    • Add-ons
    • Shortcodes
    • Typography
  • Download
  • Support
  • Blog
  • Changing your website logo

    There are 2 ways of changing your website logo. Overriding existing logo.png located in site_root/templates/template_name/images/style_name/ folder or uploading new logo trough template manager.

    Overriding existing logo.png

    To override existing logo.png file please open logo.psd ( requires Photoshop 7.0 or higher ) change it to your own preference.


    logo1



    Now replace existing logo.png file name in site_root/templates/template_name/images/style_name folder with new logo;


    logo2



    Go to your homepage and refresh. Your new logo should be visible.
    Note: you might need to do "hard refresh" to clear existing browser cache for your logo image.

    logo3



    Change logo trough template manager

    Go to template manager tab name Layout hover over existing logo than click on tool icon the logo settings panel will drop down.
    Click on Select button and select or upload your new logo:


    logo6



    Select your new logo image and click on Insert button:


    logo4



    Your logo will be applied to logo preview image. Now click on Auto set params to automatically set the logo height and width based on the image size:


    logo5



    Click the Save button and go to your homepage and refresh..
    Note: you might need to do "hard refresh" to clear existing browser cache for your logo image.


    logo3

  • Installation

    Download YJSG framework files

    Eximium is base YJ Simple Grid framework template. These are YJSG download options:

    • Yjsg system plugin
    • Eximium Template Package ( YJSG system plugin included )
    • Eximium Demo ( full template demo as seen on the demo page )
    • Eximium Template ( template installation file )

    Install YJSG system plugin or Eximium Template Package

    Go to Extensions -> Extension manager and click on Choose File button.


    Select previously downloaded YJSG system plugin or Eximium Template Package ( already includes YJSG system plugin )
    and click on Upload & Install button.


    Assign Eximium as default template

    Go to Extensions -> Template manager, check the check box next to Eximium template name, and click Default button in top admin menu.
    Or click on star button icon next to the template name ( Joomla! 3.x only ).

  • System Requirements

    YJSG Requirements info:

    All YJSG based templates will work properly on Joomla! 2.5.x and UP. However we recommend using Joomla! 3.x.
    Outlined requirements below are for Joomla! CMS only and not for YJSG.


    Joomla! 2.5.x System Requirements


    Software Recommended Min Requirement More info
    PHP 5.3+ 5.2.4+ http://www.php.net
    MySQL 5.0.4 + 5.0.4 + http://www.mysql.com

    Supported webservers and modules

    Apache 2.x + 2.x + http://www.apache.org
    Microsoft IIS 7 7 http://www.iis.net
    Nginx 1.1 1.0 http://wiki.nginx.org/
    mod_mysql
    mod_xml
    mod_zlib

    Joomla! 3.x System Requirements


    Software Recommended Min Requirement More info
    PHP 5.4+ 5.3.10+ http://www.php.net

    Supported databases

    MySQL (InnoDB support required) 5.1 + 5.1 + http://www.mysql.com
    MSSQL 10.50.1600.1+ 10.50.1600.1+ http://www.microsoft.com/sql
    PostgreSQL 8.3.18 + 8.3.18 + http://www.postgresql.org/

    Supported webservers and modules

    Apache 2.x + 2.x + http://www.apache.org
    Microsoft IIS 7 7 http://www.iis.net
    Nginx 1.1 1.0 http://wiki.nginx.org/
    PHP Magic Quotes GPC off
    mod_mysql
    mod_xml
    mod_zlib

    Development Requirements


    For faster development we recommend folowing server bundles that can be installed on your computer. From the list below select your operating system than download and install prefered server bundle.

    MAC OS Windows Linux
    XAMPP for Mac OS X WampServer XAMPP for Linux
    MAMP & MAMP Pro EasyPHP LAMP Bundle
    Zend Server Community Edition Zend Server Community Edition Zend Server Community Edition
    Mac Port XAMPP for Windows

    Browser Requirements


    For accurate development we strongly recommend Google Chrome browser . It is faster and more accurate than any other browser.

    • Google Chrome 10+
    • Firefox 4+
    • Safari 5+
    • Internet Explorer 9+
    • Opera 10+
  • YJSG License

    01 YjSimpleGrid is released under GNU/GPL V2 license.

    02 You are free to use it for your personal or commercial projects.

    03 Copyright info at the beginning of all files is to be retained.

    04 If you are using YJSG for commercial offering, we ask you to retain
    visible "Powered by YJSG Framework logo" only if you are publicly
    showcasing Joomla! Templates powered by YJSG.

    05 If you wish to disable the YJSG link , you can do so from template manager.

  • YJSG Mega Menu Instructions

    YJSG Template Framework comes with built in mega menu. This feature will help you create menu items groups or publish Joomla! modules within your menu items. After YJSG system plugin installation please got to Menus->ANY_MENU


    megamenu1


    Select any menu item and click on tab Yjsg Mega Menu parameters.


    megamenu2


    Parameters explained

    Yjsg Mega Menu has 9 simple parameters which will help you setup your mega menu layout. Please read the parameters descriptions to understand the groups creation process.


    Parameter name Parameter Description
    Sub Title Adds sub text under the menu item title
    Act as group holder? Define if this menu item should be group holder for its child items
    Group holder width Define the width of group holder. This should be total width of Sub groups widths combined. If you have 3 subgroups and each is 200px wide , your group holder width should be 600px wide. Note: do not include px, define width as 600.
    Number of sub groups This is the number of subgroups within group holder. Maximum is 5 but mostly used is 3.
    Sub groups width Here you can define the width of your sub groups. If left empty and you have 3 subgroups the groups holder width will be divided by 3 and each sub group will get that width. Example: 600 / 3 each sub group would be 200.Note: Add only 1 width declaration per line. Do not include px.
    Menu item type You can select what type of the item this would be . Module, module position, Normal link. If this item is a group holder please leave default value as Normal link.
    Display link title, image and sub title if link type is module? If set to NO, link title , link image and link description will not be displayed. This option is functional ONLY if link type is module or module position. This is useful if you like to show only module with its tile. For example Login Form
    Select one or more module Here you can select one or more modules to be displayed instead of the item link. If more the one module they will be displayed under each other starting with first selected.
    Select one or more position Here you can select one or more module positions to be displayed instead of the item link. If more the one module position they will be displayed under each other starting with first selected. Note: any module must be published in position you are looking for in order to be visible in this list.

    Switching params on/off


    For your convenience and not to get confused with parameters names we have added simple switch that will hide parameters that are not in use depending on what type of the link you would like to use

    Default view


    megamenu3


    Act as group holder set to Yes


    megamenu3_1


    Menu item type module


    megamenu3_2


    Menu item type module position


    megamenu3_3

    Example setup


    Follow these instructions to setup your first mega menu. The holder will contain 2 groups of 300px width each and 1 menu item in each group.

    Step 1

    Go to your menu item ( we will use Home menu item ) and add these settings in Yjsg Mega Menu Parameters tab:

    • Set Sub title as anything you like. We used This is home .
    • Set Act as group holder? to Yes
    • Set Group holder width at 600
    • Set Number of sub groups to 2
    • Set Sub groups width 300 one per line.
    • Leave Menu item type at Normal link

    You should have something like this

    megamenu4


    Step 2

    • Create 2 new menu items ( anything but separator ) and give them names as Group1 and Group2 .
    • Set your group holder ( Home in our case ) as their parent
    • Create 2 more menu items, it can be any menu item type and set Group 1 as parent for the first and Group 2 as parent for the second .
    • You should have this as your new mega menu

      megamenu5

      Add module or module positions

      To demonstrate adding module or module positions to menu items we will use our newly created mega menu item and just change the
      Menu item type for Group1 item and Group2 item to module and module position.

      Step 1 adding module

      • Go to your first child of Group 1 ( in our case Group1 item ) and change Menu item type to module.
      • From Select one or more module param choose Login Form
      • Set Display link title, image and sub title if link type is module? to No and hit save.

      megamenu5


      You should have your Login module displayed instead of the menu item.


      megamenu6


      Step 2 adding module position

      • Go to your first child of Group 2 ( in our case Group2 item ) and change Menu item type to module position.
      • From Select one or more module position param choose the module position you would like to display.
      • Set Display link title, image and sub title if link type is module? to No and hit save.

      megamenu5


      You should have your module position displayed instead of the menu item.


      megamenu7

    • YJSG Template Manager

      YJSimpleGrid Framework Template Manager is one of the most interesting features our framework has to offer. We combined most used and most asked features and put them in a beautifully styled tabs for easy access and fast editing. YJSG templates admin is Ajax powered which speeds up the editing and saving process. Please see below YJSG template manager screenshots for more information.

      System check

      System Check

      System check tab will provide you with important information in case you turn on/off specific template settings like LESS compiler or Component off switch. It also provides live information about latest YJSG version.

      Style

      Style

      Style manager will let you adjust your default template style, default font size and default font-family. You can also use elements tags overrides to set specific font-family for assigned selectors. Visit Advanced docs category to see how you can add more @font-face kits or Google Fonts .

      Top menu

      Top menu

      All YJSG based templates come with support for 5 different menu styles. SmoothDropdown,SmoothDropline, Dropdown, Dropline, Split Menu. There is also an option called Menu Module Position which will turn off built in menu type and let you use the top menu container as a module position. This way you can publish your custom menus in module position name topmenupoz.

      Layout

      Layout

      Layout tab is where all the magic happens. This tab controls widths and layout for all available module grids. Each backend grid resembles frontend grid layout as you see it in template index.php file. This tab also contains your logo and header block settings which gives you additional control over your website layout.

      Additional Features

      Additional features

      Additional features tab is where you would find custom parameters for Google Analytics, Text direction settings, IE6/7/8 notices, Mediaelement switch, footer links or site credits switch.

      Here is full list of available Additional features parameters:

      • Enable/disable Google Analytics
      • Enable/disable IE6/7/8 Notice
      • Enable/disable nonscript Notice
      • Enable/disable site tools
      • Enable/disable font resizer
      • Enable/disable RTL switch
      • Set default Text Direction
      • Enable/disable H1 SEO tag
      • Enable/disable Mediaelement.js
      • Enable/disable Joomla! credits
      • Custom footer copyright
      • Remove Joomla generator tag
      • Enable/disable Validation links
      • Enable/disable Top scroll link
      Advanced Options

      Advanced Options

      Advanced Options tab contains responsive settings switch, built in sidebar settings, LESS compiler settings, Bootstrap version/off switch, frontpage news items control and component off switch.

      Custom code

      Custom code

      Custom code tab is where you can add your own CSS, javascript, before head tag, after head tag, before body tag and after body tag code snippets to further extend or override default YJSG behaviour.

      Menus assignment

      Menus assignment

      In this tab you can assign the YJSG based template to a specific menu item or change the style name.

About YJSG

  • Download
  • Support
  • Blog
  • Documentation

About Joomla!

  • What is Joomla!?
  • Joomla! Documentation
  • Joomla! Community
  • Developer Tools

Bootstrap Info

  • Scaffolding
  • Base CSS
  • Components
  • Javascript

LESS CSS Info

  • What is LESS CSS?
  • Overview
  • Usage
  • Documentation

Youjoomla

  • Joomla! Templates
  • Joomla! Extensions
  • Meet The Team
  • YouJoomla Blog

Developed and maintened by Youjoomla.com

youjoomla@        youjoomla@        youjoomla@
Top
Copyright © Yjsimplegrid.com 2023 All rights reserved.
Design by Youjoomla.com
YJSimpleGrid Joomla! Templates Framework official website

Quick menu

  • Home
  • Documentation
    • Basics
    • Extend
    • Advanced
    • Add-ons
    • Shortcodes
    • Typography
  • Download
  • Support
  • Blog