Piano Shopify | Documentation
Live chat with our Shopify expert.Submit a Ticket
  • Webibazaar Support
  • Piano Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Quick view
  • Sections
    • Collection list
    • Scrolling bar
    • Image with text
    • Featured collection
    • Text with icons
    • Featured product
    • Lookbook
    • Logo list
    • Video
    • Testimonials
    • Blog posts
    • Multistore
    • Social media gallery
    • Newsletter
    • Slideshow
    • Multicolumn
    • Image banner
    • Collapsible content
    • Contact form
    • Rich text
    • Image comparison
    • Spacer
    • Offer banner
    • Countdown date in product card
  • Footer
  • Age verification popup
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Theme rounded
    • Cards
      • Label metafield [Badges]
    • Color swatches
    • Social media
    • Default search
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Product page
    • Short description
    • Product desciption
    • Product detail
    • Countdown timer
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Multistore

PreviousBlog postsNextSocial media gallery

Last updated 8 months ago

Piano theme provides a section, namely "Multistore" in this section. This section is used to add a Image with heading, text and button. you can display images with text in a multi-row layout.

Setting
Description

Heading

Enter text to display as a title in the section.

Hide heading

By enabling this checkbox, you have the ability to hide section heading.

Image height

Customization of the "Image height" in the multistore section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Desktop image width

Customization of the "Desktop image width" in the multistore section is as follows:

  • 25%

  • 50%

  • 75%

  • 100%

Vertical content alignment

Vertical content alignment customization in the section is as follows:

  • Top

  • Middle

  • Bottom

Horizontal content alignment

Customization of the horizontal content alignment in this section is as follows:

  • Left

  • Center

  • Right

Desktop content alignment

Customization of the desktop content alignment in this section is as follows:

  • Left

  • Center

  • Right

Desktop image position

The desktop Image customization section is as follows:

  • Alternate from left

  • Alternate from right

  • Aligned left

  • Aligned right

Column gap on desktop

Enable the checkbox to show the Column gap on the desktop of this section.

Row gap

When using row gap, you can set the desired spacing between rows to a minimum of "0" and a maximum of "20".

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

Add Row

To add row to the multistore section, click on the 'Add row'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Image

Used image to add to the image in the section.

Show container

By enabling this checkbox, you have the ability to show container.

Caption

Enter caption to display as a small text in the section.

Heading

Enter text to display as a title in the section.

Text

Enter text to display as a description in the section.

Location

Enter text to displays a geographical location for reference, such as an address or coordinates.

Location button

Use "Location button" to add a label to the Button in the section.

Button

Label Use "Label" to add a text to the Button in the section. Icon Using this feature will display selected icon next to the button label. Button link Use "Button link" to add a link to the Button in the section. Button style

Customization of the button style in this section is as follows:

  • As a link

  • No fill

  • Fill

Open this link in a new window By using the "Open this link in a new window" option, the link will open in a new tab.

Color scheme

In this section, you have the option to modify the background and foreground colors of a multistore 's card using the provided color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

Live Chat Support | Webibazaar Template
Logo