CODEWITHSUNDEEP
typo3backendtypo3-8.xfluid-styled-content
Markus Buff
Markus Buff

Reputation: 21

TYPO3 8 show layout selection in backend preview for textmedia

I try to use and customize the CTypes of fluid_styled_content as much as possible. Therefore the select-field "Layout" is very useful to have a possibility to select some different styles (like red box, shadow, or image-stuff). But if you have some possibilities to select it is not shown in backend preview an every element is looking the same.

Is there a way to show the selected value the layout field in backend preview for textmedia?

Upvotes: 0

Views: 623

Answers (1)

Markus Buff
Markus Buff

Reputation: 21

To get this done register a hook (path: yourextension/Classes/Hooks/PageLayoutView/TextMediaCustomPreviewRenderer.php) like that:

    <?php
namespace Vendor\Yourextension\Hooks\PageLayoutView;

/*
 * This file is part of the TYPO3 CMS project.
 *
 * It is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License, either version 2
 * of the License, or any later version.
 *
 * For the full copyright and license information, please read the
 * LICENSE.txt file that was distributed with this source code.
 *
 * The TYPO3 project - inspiring people to share!
 */

use \TYPO3\CMS\Backend\View\PageLayoutViewDrawItemHookInterface;
use \TYPO3\CMS\Backend\View\PageLayoutView;

/**
 * Contains a preview rendering for the page module of CType="textmedia"
 */
class TextMediaCustomPreviewRenderer implements PageLayoutViewDrawItemHookInterface
{

   /**
    * Preprocesses the preview rendering of a content element of type "Text Media"
    *
    * @param \TYPO3\CMS\Backend\View\PageLayoutView $parentObject Calling parent object
    * @param bool $drawItem Whether to draw the item using the default functionality
    * @param string $headerContent Header content
    * @param string $itemContent Item content
    * @param array $row Record row of tt_content
    *
    * @return void
    */
   public function preProcess(
      PageLayoutView &$parentObject,
      &$drawItem,
      &$headerContent,
      &$itemContent,
      array &$row
   )
   {
      $pageTs = \TYPO3\CMS\Backend\Utility\BackendUtility::getPagesTSconfig($row['pid']);
      if ($row['CType'] === 'textmedia') {
         $itemContent .= '<p>Layoutversion: ' . $pageTs['TCEFORM.']['tt_content.']['layout.']['types.']['textmedia.']['addItems.'][$row['layout']] . '</p>';

         if ($row['bodytext']) {
             $itemContent .= $parentObject->linkEditContent(
                     $parentObject->renderText($row['bodytext']),
                     $row
                 ) . '<br />';
         }
         if ($row['assets']) {
             $itemContent .= $parentObject->thumbCode($row, 'tt_content', 'assets') . '<br />';
         }
         $drawItem = false;
      }
   }
}

And in your ext_localconf.php you put like that:

    // Register for hook to show preview of tt_content element of CType="textmedia" in page module
$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['cms/layout/class.tx_cms_layout.php']['tt_content_drawItem']['textmedia'] = \Vendor\Yourextension\Hooks\PageLayoutView\TextMediaCustomPreviewRenderer::class;

In my case I offer the different options of the select in pageTsconfig like that:

    TCEFORM.tt_content.layout.types.textmedia.addItems {
    50 = Textbox grau, Bildergalerie oben
    60 = Textbox grau, Bildergalerie unten
    110 = Blau, rechtsbündig
    210 = Hellblau, linksbündig
    220 = Rot, linksbündig
    310 = Akkordeon
}

It is the better way to use correct language handling by locallang.xlf for that. If you do it like that maybe you have to change the code example a bit...

This was the result of a thread at "TYPO3 Fragen, Antworten, inoffizielle Gruppe" on Facebook. Thanks a lot to every helping hand specially to Wolfgang Klinger :-)

Upvotes: 1

Related Questions