.. ==================================================
.. FOR YOUR INFORMATION
.. --------------------------------------------------
.. -*- coding: utf-8 -*- with BOM.

.. include:: ../Includes.txt


.. _admin-manual:

Administrator Manual
====================

Installation
------------

Step 1: Simply download and install the extension or install it directly from the TYPO3 Extension Manager.

Step 2: Add the Static TypoScript-Template.

Step 3: Create a render-mode with which you can choose the picture-tag, src-set-attributes, Foundation's Interchange Responsive Content or a custom mode:

.. figure:: ../Images/AdministratorManual/Preperation.png
	:width: 500px
	:alt: Preperation
	
.. figure:: ../Images/AdministratorManual/CreateModes.png
	:width: 500px
	:alt: Create a mode
	
Step 4: Now you have to create queries for the modes:

.. figure:: ../Images/AdministratorManual/CreateQuery.png
	:width: 500px
	:alt: Create a media query

Step 5: Inlcude resources to your frontend for the interchange. IRI ships a polyfill which you can use by including the following code in your typoscript setup:

page.includeJSFooter {
	iri_picturefill = EXT:iri/Resources/Public/Javascript/picturefill.js
	iri_picturefill.forceOnTop=1
}

or 

page.includeJSFooterlibs{
	iri_foundation = EXT:iri/Resources/Public/Vendor/foundation/js/foundation.min.js
}
page.includeJSFooter {
	iri_foundation_interchange =  EXT:iri/Resources/Public/Vendor/foundation/js/foundation/foundation.interchange.js
}


Step 5: Great, the setup is done. Grap a cool German beer!