Ya llegó Radian 3.0: bundles, escaparate de categorías y animación cinematográfica.Ver novedades

Documentación Prueba gratis

Product Page

Updated 3 min read

Overview

The Product Page showcases detailed product information with a clean, customizable layout. It highlights images, descriptions, pricing, variants, and other key details, providing a seamless shopping experience for customers.

What Makes Radian Product Page Stand Out?

  • Flexible Media Layouts: Choose from multiple media layouts like thumbnails on the left, right, or bottom.
    • Option to use a stacked or slider layout.
  • Rich Product Media Support: Showcase your items with images, videos, and even 3D models.
  • Built-In Conversion Boosters:
    • Sticky Add to Cart bar (optional)
    • Dynamic Checkout Button (Buy it Now) for faster purchases
    • Stock Indicators to create urgency
    • Trust badges and estimated delivery messages for reassurance
  • Interactive Features: Image lightbox, variant swatches (color, size), and quantity pickers for an intuitive experience.
  • Pickup Availability: Display pickup options on the product page to inform customers of local availability.

Customize Product Page

On the Product Page, you can configure how your product details are displayed, helping customers engage with your items and make purchases easily. Make sure the products are published on your online store before adjusting these settings.

  • From your Shopify admin, go to Online Store Themes.
  • Click Customize
  • In the Theme Editor, use the drop-down page selector and choose Products then Default product.
  • Adjust media layouts, product details, conversion boosters, badges, pickup options, and interactive features as desired.
  • Click Save to apply your changes.

Section Settings

Product section settings are used to edit the overall layout, product media layout, how the sticky ATC button is displayed, and to customize content blocks.

SECTION OPTION

Enable Details Background Enable background color for product details content block
Product Details Position Customize product details content position
Product Media Style Radian offers 5 different media product display layouts. You can try each layout to see what works best for your store.
Details Style Style 1 displays variant names separately, on the right side. Style 2 displays the variant label and dynamic variant name together as a single block.
Show Tax Note Displaying tax-inclusive or tax-exclusive text
Enable Sticky Add To Cart Bar Show the Add To Cart bar when the user scrolls past the product details section.
Sticky ATC Style The Sticky ATC Bar display style. If you use the Floating Corner style, the bar will appear in a corner on the right side of the screen. This method prevents the bar from stretching too wide on screens with a large horizontal width.
Content Blocks Layout This setting controls how Content Blocks are displayed. If you use Inline Block Order, content blocks will appear in the order they are arranged within the block. If you choose Grouped Tabs, the content blocks will depend on your Product Info Style and Product Info Layout settings.
Product Info Style This feature only works if the content block uses the Grouped Tabs/Accordion Content Blocks Layout. Tabs display content horizontally, while Accordions display content vertically.
Product Info Layout Customize the display position of a Content Block
Mobile Product Info Layout Customize how content blocks appear on mobile

This is a Block Content block

The overall image, on the left is the product information blocks used to display product information, on the right is the section setting customization.

Product Information Blocks

The Product block allows you to add and arrange various content blocks to display detailed information about your items. Each block can be moved and customized to fit your brand's storytelling.

  • Vendor: Displays the product's vendor or brand name
  • Title: Display product title
  • Rating: Display product reviews. You need to use review apps to use the rating feature.
  • Price: Display product prices, including original price, sale price, and saved price after discount
  • Spacing: Custom block to increase spacing between blocks
  • Quantity Pricing: Purchase blocks with minimum quantities and different pricing conditions for B2B customers
  • Variant Picker: Display product variants
    • Show Size Guide Button: Display Size Guide button. To set up the Size Chart, refer to the article How to make Size Guide
  • Inventory: Display available stock
    • Show Inventory Count: Set up low stock notifications for products
  • Pickup availability: Shows real-time information about local store pickup options.
  • Quantity selector: select the number of items
  • Buy buttons: display Add To Cart, Buy It Now buttons
    • Show Buy It Now: Turn on / off Buy It Now button
  • SKU: Displays the unique Stock Keeping Unit for the selected variant.
  • Share: Display buttons to share products on social media or copy product links
  • Payment methods: Display payment methods
    • To learn how to set up the display of payment method icons, refer to the article Setup Payment Icons
  • Description: Shows the main product description
  • Information: Custom content blocks can connect to dynamic data, often used for Details or Shipping & Return
  • Upsell: Display products with purchase

Still stuck?

Include your store URL and theme version — we'll get back to you.

Contact support