| Gist title | Gist summary |
|---|---|
Alphabetic Index |
Lists all subpages of selected entry pages, sorted in alphabetical order. |
Side navigation menuFluidTYPO3.Flux, FluidTYPO3.Vhs, FluidTYPO3.FluidcontentCore |
Let the Backenduser just put in a startpage for the navigation as a content element. For when reskinning sitemap is to cumbersome. |
Chunked iteration of lists |
Wrap or group elements with less code than ever. |
Google Maps with Flux/Fluidcontent |
Implementation of Google Maps with one or more markers. When having multiple markers, the bounds are fit to them. A marker can have a title (is shown as marker tooltipp and in info window), a text (is shown in info window), an icon (standard, chooseable or uploadable). More configuration options are: Zoom level, map center, map type |
Output current year in copyright line |
Output the current year in copyright line |
Simple language switcher |
Useful if you have two languages in your typo3 project and want to switch between them. 1. Get current language id with v:page.language 2. Create link to same page and a GET Param e.g. "&L=1" for the other language |
Boostrap Grid Container 2-6 Columns |
Create 2-6 Columns with advanced Column Settings |
Workaround content_fallback with VHS |
If you want to use `content_fallback` you will notice that `v:content.render` doesn't work here in older versions of VHS.
The gist shows a quick workaround how you can achieve this nevertheless. |
HTML5 data attribute with JSON data |
As the title says. Builds the html Object like: id="#s1043" data-test="{"myVarName":"1"}"
Here output was quoted but jquery read it without problems and it's validating. |
Recursive page menu using VHS |
Example for creating a menu with vhs:page.menu in a recursive way. Just set a start page and the whole tree gets rendered. |
Switch detail view based on news item's category |
How to treat news detail view different for a all subcategories of a specific root category (this example only works for two levels of categories). It shows how to use v:switch, v:variable.typoscript and v:iterator ViewHelpers. |
Manual browse menus (two-button navigation) |
Rendering a browse menu with prev/next which detects first and last page. (2 Buttons only) |
Manual rendering of page menus |
How to manually render page menus or treat specific page uids different from others in a menu |
VHS Twitter Bootstrap mega menu with images |
Site header with Twitter Bootstrap "MegaMenu". Navigation rendered with VHS and Fluid as MegaMenu with image shown if it exist. If no image resource exists standard rendering of sub pages is used. |
Set page meta-tags - contains FAL example |
This section defines all metatags which are used to have defined in a website. It also contains the most relevant OG-Tags for facebook. It can also be used as an example how to read FAL images related to a page record. Here it is used as og:image. |
Gallery FCE as example how to use FAL images |
This Gallery FCE is a example how to use FAL images in Flux Content Elements. |
Usage of v:or for multiple conditions |
Shows how to use the v:or ViewHelper instead of multiple f:if conditions to select the first value that is not empty and use or output it. Explains how the ViewHelper can be used together with f:if (and any other condition ViewHelper) or as an alternative to it. |
Manual rendering of VHS menus |
Shows how to manually loop and render pages using v:page.menu instead of the built-in rendering which can only be affected in key aspects like class names. Includes a demonstration and small explanation of special properties which are added to each page's data, containing a pre-built link, link text and link tag CSS class name. |