Beloria Documentation
  • Welcome
  • Installation
  • Header
  • Footer
  • Shopify apps
    • Boostheme Toolkit app
    • Metafields Guru
  • Static sections
    • Powerful Megamenu
      • Powerful Megamenu(version tf-3.5 or older )
    • Powerful Mobile Megamenu
      • Powerful Mobile Megamenu ( version tf-3.5 or older )
    • Product pages
      • Main product section
      • Main product - Reviews
      • Main product - Tabs
      • Main product - Upsell
      • Main product - Cross-sell
      • Old version ( tf-3.5 or older )
    • Collection pages
      • Version tf-3.5 or older
    • Blog pages
    • Posts
    • Cart page
      • Cross-sell products Section
    • Search result page
    • FAQ
  • Dynamic sections
    • Collection and product
      • Collection filter
      • Collection list
      • Flexible collection list
      • Powerful product block
      • Powerful product block 2
      • Powerful product columns
      • Product single deal
      • Simple product slider
      • Vedette product ( single product )
    • Banner & image
      • Banner creator pro
      • Layer banner
      • Information list
      • Instagram slider
      • Logo list
      • Banner & quotes
    • Text
      • Custom HTML
      • Testimonials
      • Text list
    • Marketing & others
      • Featured blog posts
      • Newsletter
      • Contact us
      • Map
      • Loox widget
      • About us 1
      • About us 2
      • About us 3
  • Theme settings
    • General
    • Collections list page
    • Typography
    • Breadcrumbs
    • Multiple languages
    • Colors & Font sizes
    • Social media
    • Favicon
    • Product settings
    • Product labels
    • Currency
    • Cart
    • Shipping rates calculator
    • Upsell products
    • Cross-sell ( recommendation ) products
    • Recently viewed products
    • Progressive web app
    • Sales notification
    • Search suggestion
    • Newsletter
    • Promotion bar
    • Cookie consent
  • For developer
  • Tips
  • Manage blocks in a section
  • Cross-sell ( recommendation ) rules
  • Change log
  • Upgrade to a new version
    • From versions older than tf-4.0
Powered by GitBook
On this page
  • Open the existing section
  • Add a powerful product block 2 section to your home page
  • Settings
  • Background
  • Section gutters
  • General settings
  • Add/Edit/Remove a tab item
  • 1. General settings:
  • 2. Big product:
  • 3. Small products:

Was this helpful?

  1. Dynamic sections
  2. Collection and product

Powerful product block 2

Display the tabs of the product list. In each tab, a big product is displayed beside the small products.

PreviousPowerful product blockNextPowerful product columns

Last updated 4 years ago

Was this helpful?

Open the existing section

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit and click Customize.

  3. Click the Powerful product block 2 section.

Add a powerful product block 2 section to your home page

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit and click Customize.

  3. Click Add section > Powerful product block 2 > Add.

  4. Use the settings to customize your Powerful product block 2 section.

  5. Click Save.

Settings

Background

  • Enable: turn on/off the background.

  • Pick a color: choose a color to set the background color. If the background is empty, the background color will be displayed.

  • Background image: pick or upload your image to display it as the background image.

  • Background size: set the size of the background image.

  • Background style: set the style of the background image.

Section gutters

  • Enable top gutter: turn on/off the space distance on the top of the section.

  • Enable bottom gutter: turn on/off the space distance on the bottom of the section.

General settings

  • Heading: add the section title.

  • Subheading: add section subtitle.

  • Use lazy loading image: turn on/off the loading image by using the lazyload technique. Recommend turning on this setting.

  • Wide display: turn on/off displaying the section in the wider layout.

Add/Edit/Remove a tab item

Scroll down to the bottom, you will see an Add tab item button, click this button to add a new tab item. Or you can click one of the available tab items to edit/remove it and drag/drop items to rearrange them.

Settings in a tab item:

1. General settings:

  • Tab title: add your text to display it as a tab title. If there is only one tab item, the tab title will not be shown.

  • Layout style: set the layout to display a big product and small products. There are 3 values for this setting: layout 1, layout 2, and layout 3. Below are examples of each layout style.

2. Big product:

  • Pick a product: choose a product to display it as a big product.

  • Position: set the position. Left or right of small products.

3. Small products:

  • 8 product pickers: pick products to display them as small products. Base on the chosen layout style, the number of small products will be shown.

Layout style

Shown Small products

1

from #1 to #4

2

from #1 to #6

3

from #1 to #8

Other product item settings: please refer to for more details.

Other product item settings: please refer to for more details.

this guide
this guide
Layout 1 - 1 big product and 4 small products ( from #1 to #4 )
Layout 2 - 1 big product and 6 small products ( from #1 to #6 )
Layout 3 - 1 big product and 8 small products ( from #1 to #8 )