# Section blocks

The Palo Alto 'Product pages' section blocks help you customize the primary or core content for your product pages and product templates. Adding sections further enhances your merchandising.

![](/files/pLkYKsDS0USu6vR8AB3N)

### Types of theme blocks

Palo Alto includes the following theme blocks for product pages/templates:

{% hint style="success" %}

* [Title and price](#title-and-price)
* [Inventory countdown](#inventory-countdown)
* [Form (Product form)](#form-product-form)
* [Product description](#product-description)
* [Accordions](#accordions)
* [Upsell](#upsell)
* [Share button](#social-sharing)
* [Pickup availability](#pickup-availability)
* [Custom Liquid](#custom-liquid)
* [Popup text](#popup-text)
* [Text](#text)
* [Icon](#icon)
  {% endhint %}

### Title and price

{% tabs %}
{% tab title="Render" %}
Displays product price, title, and star rating when using the Shopify Ratings app. Includes an option to display Navigation breadcrumb above the title (including vendor option, see settings)&#x20;

![](/files/fylypocavqgy4q8IooB6)
{% endtab %}

{% tab title="Settings" %}
Navigation options&#x20;

* None
* Breadcrumb
* Collection
* Vendor

{% hint style="success" %}
If the product price is set to $0, it's replaced by a translatable string - 'Free'.
{% endhint %}

![Great for gifts and promotions](/files/edGdzFdxlgkMiZzl7I3G)

If you want to change this text you can go into your Online Store > Themes and click on Actions > Edit Languages:

![Edit Languages](/files/9OKeWbyya1aektXkuRBy)

Search for `free` in the Filter bar and edit the field under **General > Money > Free**:

![Update value to change the text for any language](/files/Us2ZoOMRuwVGebiQxHsR)
{% endtab %}
{% endtabs %}

### Inventory countdown

{% tabs %}
{% tab title="Render" %}
Display a notification about the current inventory quantity. If there are less than 10 products available this block will show how many are left.

![](/files/89Y3MzyLklg5hZqKabGi)
{% endtab %}

{% tab title="Settings" %}
No customizable settings.
{% endtab %}
{% endtabs %}

### Form (Product form)

{% tabs %}
{% tab title="Render" %}
Displays all buying-related elements including product variants and swatches, quantity selector, the add to cart button, and the buy it now button. Optional **size chart** link is placed above variant options.

![](/files/PJO7KJlIMHpDGH60ctcv)
{% endtab %}

{% tab title="Settings" %}

* Size chart - Dynamic source supported
* Show variant labels
* Show quantity selector
* Show dynamic checkout buttons
* Subscription selectors (with supported app)
* Icon with text
  {% endtab %}
  {% endtabs %}

### Product description

{% tabs %}
{% tab title="Render" %}
Show the product description text onto the product pages.

![](/files/j0jk1nCLMjyTYvu5jGoK)
{% endtab %}

{% tab title="Settings" %}
No customizable settings.
{% endtab %}
{% endtabs %}

### Accordions

{% tabs %}
{% tab title="Render" %}
Displays accordions separately from your product description.

![](/files/bjm6UxHiwWl2Sbcctjz7)
{% endtab %}

{% tab title="Settings" %}

* Tab heading - Dynamic source supported
* Tab content - Dynamic source supported
  {% endtab %}
  {% endtabs %}

### Upsell

{% tabs %}
{% tab title="Render" %}
Display an upsell product on your page and in the cart.

![](/files/2fs2bASHSIlyqhWZrmeb)

{% hint style="info" %}
When selecting a product for the 'Buy it with' promotion, we recommend you choose products with one variant.
{% endhint %}
{% endtab %}

{% tab title="Settings" %}
Select the upsell product. It will only be displayed in the product page.<br>

You can also use a metafield Namespace and key 'theme.upsell' to allow product upsells to follow users into the cart.<br>

![](/files/88ZWP4pJvlnthtDSZGD9)

Learn more about our cart Upsell feature [here](/palo-alto-4.1/cart/upsell.md).
{% endtab %}
{% endtabs %}

### Share button

{% tabs %}
{% tab title="Render" %}
Displays a share icon for sharing current product page on social platforms or link to send.

![](/files/JedgakVjBkIZtSkwf0Ty)
{% endtab %}

{% tab title="Settings" %}
Set the text for the 'Share' button.
{% endtab %}
{% endtabs %}

### Pickup availability

{% tabs %}
{% tab title="Render" %}
Displays where customers can pick up the product.
{% endtab %}

{% tab title="Settings" %}
No customizable settings. [See Shopify documentation for setup details](https://help.shopify.com/en/manual/shipping/setting-up-and-managing-your-shipping/local-methods/local-pickup#show-pickup-availability-to-your-customers).
{% endtab %}
{% endtabs %}

### Custom Liquid

{% tabs %}
{% tab title="Render" %}
Add your own 'liquid' code to implement custom features or app functionality.
{% endtab %}

{% tab title="Settings" %}
Single text field to copy and paste liquid code.

{% hint style="warning" %}
Please note that this field doesn't have any debugging capabilities. Make sure that your code is correct before pasting it to avoid any errors.
{% endhint %}
{% endtab %}
{% endtabs %}

### Popup text

{% tabs %}
{% tab title="Render" %}
Create a slide-out block with extra text. Perfect to showcase policies or a chart with extra information.

![](/files/dHWp1dQ52w5w2EGscpJu)
{% endtab %}

{% tab title="Settings" %}

* Button text - Dynamic source supported
* Page link - Dynamic source supported
  {% endtab %}
  {% endtabs %}

### Text

{% tabs %}
{% tab title="Render" %}
Add more details about your products.

![](/files/QbTeSZQ9jfxQybfYGWLK)
{% endtab %}

{% tab title="Settings" %}

* Text field - Dynamic source supported
* Text alignment selector
  {% endtab %}
  {% endtabs %}

### Icon

{% tabs %}
{% tab title="Render" %}
Add bits of information with icons to your product description pages.

![](/files/aefZx4SRDjEi6Nsb3ETy)
{% endtab %}

{% tab title="Settings" %}

#### Icon

* Select an icon
* Icon color - Dynamic source supported
* Replacement Image - Dynamic source supported
* Width (Icon size)

#### Text

* Heading - Dynamic source supported
* Size (text size)

#### Layout

* Width
* Alignment
* Background color - Dynamic source supported
* Padding toggle
  {% endtab %}
  {% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://palo-alto.presidiocreative.com/palo-alto-4.1/products/section-blocks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
