Using the Product Block to Sell Items on Your Website

The Product Block makes it easy to showcase and sell your e-commerce products right on your PhotoBiz site. You can add it to any page — or even create a dedicated store page to display all your items.

Follow these steps to get started and style it your way!

STEP ONE

LOG IN

• Log in to your PhotoBiz account.
• Click WEBSITE from the left-hand menu.

STEP TWO

ADD A PRODUCT BLOCK TO A PAGE

Click on the name of the page you would like to add your products to, then click the products block icon from the right side.

You can either:

• Click the icon to add it to the bottom of your page, or
• Click and drag the icon to place it wherever you want on your page.
  As you drag it, a teal bar will appear to show you where it will land.

STEP THREE

SELECT A LAYOUT

Browse our library of predesigned layouts, and choose the select button on your favorite one.

• Blank blocks will use the global styling settings of your website.
• Predesigned blocks will use custom design settings to look exactly like the layout you have selected

Predesigned layout:

The side panel menu will remain open, and you can jump right in to the next step.

Blank layout:

Click in the center of the block where it says "click to add products" and the side panel menu will reappear.

STEP FOUR

CHOOSE WHAT PRODUCTS TO SHOW

1. Click directly into the Product Block (or click the pencil icon to edit it).

2. Go to the Advanced tab on the right.

3. Choose what to display:

   • All Product Categories

   • A Single Product Category

   • Products with a Specific Tag

   • Custom Products (select individual items)

4. Click Save Changes — your selected products will now display on the page.

STYLING YOUR PRODUCT BLOCK

LAST ITEM LINK (Optional)

This is a link that appears at the end of your product grid. Use it to load more items or send visitors elsewhere.

Available options:

• None – No link.

• Load More Link – Loads more products when clicked.

• Standard Link – Send visitors to:

  • Another page on your site

  • A form

  • An external link

  • A PDF or downloadable file

  • A video

  • A pop-up

  • A map, email, or phone number

You can also customize the button text and link destination.

PRODUCT BLOCK LAYOUT OPTIONS

Choose from 27 unique layouts to best display your products:

Grid Layouts

• Modern (Square, Portrait, Landscape) – Title & price appear on the image.

• Editorial (Circle, Square, Portrait, Landscape) – Similar to Modern with subtle style changes.

• Designer (Pinboard, Portrait, Landscape) – Title below image, price on image.

• Gallery – Large featured image with thumbnails below; perfect for fine art and prints.

Image + Text Layouts

• Image Small/Large/Thin Left – Image on the left, text on the right.

• Image Bottom – Text on top, image below.

Classic & Contemporary Layouts

• Classic – Landscape, Layers, Menu, Stack Menu (with or without images).

• Contemporary – Clean modern layouts with flexible arrangements.

• Designer Menu – Polished, high-end layout.

• Center Menu – No images; centered text-only layout.

Single Item Layouts

• Single Item Square / Landscape – Highlight one item with multiple images.

COLORS

Customize the colors in your Product Block without affecting global site styles.
Available color options depend on your layout.

You can update:

• Title Color

• Text Color

• Background Color

• Overlay Color

• Last Item Text Color

• Last Item Background Color

• Shape Background Color

• Shape Text Color

• Border Color

• Caption Title

• Caption Text

Click a color square to choose a shade or enter a HEX code. A flag will appear beside any setting you’ve changed from your global defaults.

Click Save Changes when you're done.

BACKGROUND OPTIONS

Customize your block’s background to match your site’s style:

• Upload your own image or choose one from the Background Library.

• Choose how the background displays:

  • Tile

  • Top Left

  • Centered

  • Cover

Click Save Changes to apply your background.

FONTS

Personalize the fonts used in your Product Block.
Font options vary by layout.

Common font settings include:

• Title

• Price

• Last Item Text

• Button Text

You can adjust font style, size, spacing, and line height.

Click Save Changes when you’re done.

ANIMATIONS