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

# Theme Library & Studio

> Install themes from the Marketplace, customize appearance visually, or edit Liquid templates.

The Crafter Theme Library allows you to transform your website design in seconds, personalize styling with our live visual visualizer, and modify theme source code using the Liquid template engine.

Navigate to [Dashboard > Content > Themes](https://app.crafter.net.tr/tr/dashboard/store/themes) to manage installed themes or acquire new designs.

<Frame caption="Theme Library Overview">
  <img src="https://mintcdn.com/crafter/ywi_yRx-8N5oKhkI/images/26f2bfbc-eb48-4d87-9809-76db53ed1add.png?fit=max&auto=format&n=ywi_yRx-8N5oKhkI&q=85&s=3518d4514170c366035cb3121a06a5e7" alt="Theme Library" width="1850" height="952" data-path="images/26f2bfbc-eb48-4d87-9809-76db53ed1add.png" />
</Frame>

***

## Installing Themes

<Tabs>
  <Tab title="From the Marketplace (Recommended)">
    Instantly deploy modern responsive themes from the official store.

    <Steps>
      <Step title="Visit Marketplace">
        Go to [Crafter Marketplace](https://crafter.net.tr/marketplace).
      </Step>

      <Step title="Select & Deploy Theme">
        Choose your desired theme and click **Add to My Website**. The theme installs directly into your library.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Upload Custom Theme (ZIP)">
    Upload external or privately developed custom themes.

    <Steps>
      <Step title="Open Upload Dialog">
        Click **Upload Custom Theme** in the top right corner.
      </Step>

      <Step title="Select Archive">
        Select your `.zip` theme archive to complete the upload.
      </Step>
    </Steps>
  </Tab>
</Tabs>

***

## Theme Studio & Customization

Click **Customize** on your active theme to access the dual-mode Theme Studio:

<Tabs>
  <Tab title="Visual Design Studio">
    Modify colors, typography, logos, and layout elements with real-time live preview.

    <Frame caption="Live Visual Customizer">
      <img src="https://mintcdn.com/crafter/ywi_yRx-8N5oKhkI/images/8554beea-557f-4702-8046-6030a2db9a8c.jpeg?fit=max&auto=format&n=ywi_yRx-8N5oKhkI&q=85&s=dbfdac3db9fce254616c49a0ca3c455d" alt="Visual Customizer" width="1024" height="518" data-path="images/8554beea-557f-4702-8046-6030a2db9a8c.jpeg" />
    </Frame>

    * **Dynamic Controls:** Options adapt to the theme's `settings_schema` (branding colors, logo sizes, banners, typography).
    * **Live Sandbox Preview:** Test modifications before saving.
    * **Device Simulation:** Toggle between **Desktop** and **Mobile** viewports.
  </Tab>

  <Tab title="Liquid Code Editor">
    Full-featured browser IDE for frontend developers.

    <Frame caption="Liquid Code Editor & File Tree">
      <img src="https://mintcdn.com/crafter/ywi_yRx-8N5oKhkI/images/58c29a23-680d-4d09-96de-e34e5e4d38a4.png?fit=max&auto=format&n=ywi_yRx-8N5oKhkI&q=85&s=ce3686665a1c83d4034bf35d1c6e2a27" alt="Liquid Editor" width="1860" height="951" data-path="images/58c29a23-680d-4d09-96de-e34e5e4d38a4.png" />
    </Frame>

    * **File Tree:** Access all templates including `store.liquid`, `chest.liquid`, `forum/`, and `punishments.liquid`.
    * **Liquid Syntax Support:** Dynamic variables, loops (`{% for %}`), logic conditionals (`{% if %}`), and filters.
    * **Revision History:** Revert to default templates with a single click.
  </Tab>
</Tabs>