Viola Documentation
Submit a TicketLiveChat
  • Webibazaar Support
  • Shopify Viola
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Theme Settings
    • Colors
    • Typography
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Product card review
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Favicon
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Sections
    • Rich text
    • Video
    • Page
    • FAQ
    • Image gallery
    • Custom Liquid
    • Contact form
    • Collapsible content
    • Multicolumn
    • Email signup
    • Collage
    • Slideshow
    • Scrolling bar
    • Collection list
    • Featured collection
    • Image Banner
    • Featured Product
    • Countdown with product
    • Tab Products
    • Countdown
    • Video with text
    • Image with text
    • Product with image
    • Text with icons
    • Lookbook
    • Testimonials
    • Blog Posts
    • Logo list
    • Social media gallery
    • Image comparison
  • Footer
  • Age verification popup
  • Product page
    • Product tab
    • Quick order list
    • Recently viewed product
  • Color swatches
  • Collection Page
    • Collection banner
    • Meta collection list
    • Product Grid
  • Pages
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • 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 2.0.0
    • Version 1.0.13
    • Version 1.0.12
    • Version 1.0.11
    • Version 1.0.10
    • Version 1.0.9
    • Version 1.0.8
    • 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
  • Adding metafield definition
  • Setting the Collection image
  1. Collection Page

Meta collection list

PreviousCollection bannerNextProduct Grid

Last updated 5 months ago

Settings
Description

Heading position

Customization of "Heading position" as follows:

  • Next to the collections

  • Left

  • Center

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “3” and a maximum of “6” products.

Select collections

Select a multiple Collections to display selected collections in the section.

Heading

Enter text to display as a title in the section..

Button style

Customization of the "Button style" in this is as follows:

  • Link

  • Outline button

  • Solid button

Uppercase collection name

By enabling this checkbox you can display the “Uppercase collection name”.

Color scheme

In this section, you can change the background and foreground colo

  • Accent 1

  • Accent 2

  • Accent 3

  • Background 1

  • Background 2

Adding metafield definition

Before you can add Meta collection list(metafield value) to specific collections, you need to add the necessary metafield definition for this information

  • From your Shopify admin, go to Settings > Custom data > Collections

  • Click Add definition

  • In the Name field, enter Meta collections

  • In the Namespace and key field, enter custom.meta_collections

  • Click Select type then select Collection.

  • than select List of collections.

  • Click Save to save the definition

  • You should see the Meta collections in the list of definitions by now

Setting the Collection image

  • In your admin, within Collections, click on the collection you want to add the Meta collection list.

  • Scroll down to the Metafields. You should see the Meta collections here

  • To select collections, click on the Meta collections field.

  • Click Save to save your changes.

Live Chat Support | Webibazaar Template
Logo