Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Palo Alto 4.1
Palo Alto 4.1
  • Palo Alto Theme Documentation
  • Changelog
    • The new experience
    • What's new in 4.1
  • Cart
    • Terms and conditions
    • Empty cart buttons
    • Custom Message
    • Upsell
  • Header
    • Announcement bar
    • Transparent header
    • Highlighted link
    • Mega Menu
    • Loading Icon
    • Logo
  • Sections
    • How to use sections
    • Recommended Image Sizes
    • Product sections
    • Image sections
    • Text sections
    • Custom sections
  • Theme settings
    • Theme Settings Intro
    • Colors
    • Typography
    • Appearance
    • Product grid
    • Checkout
    • Theme style
  • Products
    • Using the new Palo Alto Product Pages
    • Creating new Product page templates
    • Pre-order using metafields
    • Section blocks
    • Swatches
    • Product ratings
  • Collections
    • Using the new Palo Alto Collection Pages
    • Filtering options
    • Subcollections
    • Badges
  • Popup
    • Popup with image
    • How to change the "You agree to..." text
    • Cookie consent
    • Popup bar
  • Footer
    • Blocks and settings
    • How to remove the Shopify credit
  • Blogs
    • Using the new Palo Alto Blog Pages
    • Creating new Blog page templates
  • Pages
    • Using the new Palo Alto Pages
  • Updates
    • Checking your theme version
    • Downloading the latest version
    • Updating your theme
  • Support
    • Contacting support
    • Sharing a preview link
  • Custom
    • How to make CSS customizations
    • How to add Custom Fonts
    • Adding Custom Icons
Powered by GitBook
On this page
  • Types of theme blocks
  • Title and price
  • Inventory countdown
  • Form (Product form)
  • Product description
  • Accordions
  • Upsell
  • Share button
  • Pickup availability
  • Custom Liquid
  • Popup text
  • Text
  • Icon
Export as PDF
  1. Products

Section blocks

Add, arrange and customize Product page theme blocks

PreviousPre-order using metafieldsNextSwatches

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.

Types of theme blocks

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

Title and price

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)

Navigation options

  • None

  • Breadcrumb

  • Collection

  • Vendor

If the product price is set to $0, it's replaced by a translatable string - 'Free'.

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

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

Inventory countdown

Display a notification about the current inventory quantity. If there are less than 10 products available this block will show how many are left.

No customizable settings.

Form (Product form)

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.

  • Size chart - Dynamic source supported

  • Show variant labels

  • Show quantity selector

  • Show dynamic checkout buttons

  • Subscription selectors (with supported app)

  • Icon with text

Product description

Show the product description text onto the product pages.

No customizable settings.

Accordions

Displays accordions separately from your product description.

  • Tab heading - Dynamic source supported

  • Tab content - Dynamic source supported

Upsell

Display an upsell product on your page and in the cart.

When selecting a product for the 'Buy it with' promotion, we recommend you choose products with one variant.

Select the upsell product. It will only be displayed in the product page.

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

Share button

Displays a share icon for sharing current product page on social platforms or link to send.

Set the text for the 'Share' button.

Pickup availability

Displays where customers can pick up the product.

Custom Liquid

Add your own 'liquid' code to implement custom features or app functionality.

Single text field to copy and paste liquid code.

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.

Popup text

Create a slide-out block with extra text. Perfect to showcase policies or a chart with extra information.

  • Button text - Dynamic source supported

  • Page link - Dynamic source supported

Text

Add more details about your products.

  • Text field - Dynamic source supported

  • Text alignment selector

Icon

Add bits of information with icons to your product description pages.

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

Learn more about our cart Upsell feature .

No customizable settings. .

here
See Shopify documentation for setup details
Title and price
Inventory countdown
Form (Product form)
Product description
Accordions
Upsell
Share button
Pickup availability
Custom Liquid
Popup text
Text
Icon
Great for gifts and promotions
Edit Languages
Update value to change the text for any language