> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Smarty

> Eigenen Smarty- oder HTML-Code direkt im OPC schreiben und einbinden

## Allgemeine Beschreibung

Das "Custom Smarty" Portlet ist ein mächtiges Werkzeug für Fortgeschrittene und Entwickler, die ihren Onlineshop um individuelle Logik oder spezifische HTML-Strukturen erweitern möchten. Es ermöglicht dir, eigenen Code direkt in deine Seite zu integrieren.

## Einsatzmöglichkeiten

* **Individuelle Logik:** Nutze Smarty-Tags, um dynamische Inhalte basierend auf Shop-Variablen oder Abfragen anzuzeigen.
* **Eigener HTML-Code:** Integriere spezielle HTML-Strukturen, die über die Standard-Portlets nicht abgebildet werden können.
* **Drittanbieter-Skripte:** Binde gezielt Skripte oder Widgets von externen Diensten an einer exakten Position in deinem Layout ein.

## Featureübersicht

<AccordionGroup>
  <Accordion title="Integrierter Code-Editor">
    Ein spezialisierter Editor mit Syntax-Hervorhebung hilft dir dabei, deinen Code übersichtlich zu schreiben und Fehler schneller zu finden.
  </Accordion>

  <Accordion title="Smarty-Unterstützung">
    Du kannst die volle Power der Smarty-Engine von JTL-Shop nutzen, um auf Shop-Daten zuzugreifen.
  </Accordion>

  <Accordion title="Flexibles Layout">
    Wie bei allen Portlets lässt sich auch das Custom Smarty Element nahtlos in deine bestehenden Grid-Strukturen einfügen.
  </Accordion>
</AccordionGroup>

## Settings

### Allgemein

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/nmdf6ekQwhDd9v_Q/images/opc-plus-custom-smarty-allgemein.png?fit=max&auto=format&n=nmdf6ekQwhDd9v_Q&q=85&s=5902691ee42a5403cb00c0e49962d673" alt="Allgemein" width="1334" height="712" data-path="images/opc-plus-custom-smarty-allgemein.png" />
  </Frame>
</div>

**Editor:** In diesem Bereich verfasst du deinen individuellen Code.

* **html / code goes here...:** Hier gibst du deinen HTML- oder Smarty-Code ein.
* **Copy-Funktion:** Über die Schaltfläche "copy" oben rechts im Editor-Fenster kannst du den gesamten Inhalt des Editors schnell in deine Zwischenablage kopieren.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.