Case study

Section case_study describes one project. Chunk: pagebuilderpro_case_study. Requires PageBuilder Pro.

Where it fits

• One client example on a landing page
• A one-line result and the story below
• A link to the full project page

Fields

Field	Type	Required	Purpose
title	text	yes	Title
client	text	no	Client
result	text	no	Result
text	textarea	no	Story
image	image	no	Image
button_label	text	no	Button label
button_url	url	no	Button URL

Render

The image is on the side only when image is set, through pagebuilder_partial_image. client and result print apart from the body text. The button appears when both button_label and button_url are set. The URL runs through pb_href. title is required.

Section data

{
  "title": "Store chain",
  "client": "North",
  "result": "+18% orders",
  "text": "Built the storefront from sections",
  "image": { "url": "assets/images/case.jpg" },
  "button_label": "Read",
  "button_url": "/cases/north"
}

Chunk template

Fenom chunk pagebuilderpro_case_study:

<section class="pb-section pb-section--case-study pb-case-study{if $cssClass} {$cssClass|escape}{/if}" data-pb-section="case_study"{if $id} id="pb-{$id|escape}"{/if}>
  <div class="pb-section__inner pb-case-study__inner">
    {if $image}
      <div class="pb-case-study__media">
        {include 'pagebuilder_partial_image' image=$image alt=$title class='pb-case-study__image'}
      </div>
    {/if}
    <div class="pb-case-study__body">
      {if $client}<p class="pb-case-study__client">{$client|escape}</p>{/if}
      <h2 class="pb-heading">{$title|escape}</h2>
      {if $result}<p class="pb-case-study__result"><strong>{$result|escape}</strong></p>{/if}
      {if $text}<p>{$text|escape}</p>{/if}
      {if $button_label && $button_url}
        <p><a class="pb-button" href="{$button_url|pb_href|escape}">{$button_label|escape}</a></p>
      {/if}
    </div>
  </div>
</section>

Similar sections

• Portfolio for several projects
• Testimonials for short quotes

Related pages

• Section catalog