Focuspoint integrate the focal point method to crop images in the frontend of the web page. Use the jQuery-focuspoint plugin (https://github.com/jonom/jquery-focuspoint example http://jonom.github.io/jquery-focuspoint/demos/helper/index.html) to crop the images. Use the function as wizard in the fil

Fund package maintenance!

Installs: 108 484

Dependents: 0

Suggesters: 0

Security: 0

Stars: 22

Watchers: 10

Forks: 22

Open Issues: 1


6.0.5 2024-01-23 21:31 UTC


Latest Stable Version Total Downloads License TYPO3 Average time to resolve an issue Percentage of issues still open


Add TypoScript

Include in static template or add TypoScript includes to your extension or template.

# Setup must be after "page" TypoScript
@import 'EXT:focuspoint/Configuration/TypoScript/setup'

Fluid template (Example)

Edit your fluid template.

<div style="height: 400px;">
    <fp:image image="{image}" width="1000c" height="400c" realCrop="false"/>
<div style="height: 400px;">
    <fp:image src="{image.uid}" treatIdAsReference="1" width="1000c" height="400c" realCrop="false"/>

Custom CSS

Maybe you want to add additional css, for fluid example.

.focuspoint {
  position: relative;
  height: 100%;
  overflow: hidden;

Sponsors & supporter

Thank you for support and sponsoring the extension:

GitHub Contributors Image