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
  1. Sections

Blog Posts

PreviousTestimonialsNextLogo list

Last updated 1 month ago

The blog section is for showing blogs and users can also use this to upload information about the theme’s latest collection and news.

To add a Blog, go to Blog posts > Add blog post Add multiple blogs.

Section
Description

Make section full width on right side

Enable checkbox for make section full width on right side

Subheading

Enter text to display as a subheading on the section.

Heading

Enter text to display as a title on the section.

Heading size

Following is the font size customization of the heading of the section.

  • Small

  • Medium

  • Large

Heading alignment

Customization of "Heading alignment" as follows:

  • Left

  • Center

Blog

Click on "Select blog" to show the blogs in the section and select the blog collection.

Blog title style

Customization of "Blog title style" in the section as follows:

  • Body

  • Uppercase

Show featured image

By enabling this checkbox you can show the “Blog image” in the section.

First blog content position

Customization of "First blog content position" in the section as follows:

  • Inside

  • Outside

Inside image overlay

Use this settings to set image overlay when first blog content position is inside.

Enable carousel on desktop

Use "Enable carousel on desktop" to show the slider carousel in the desktop screen.

Slider arrow position

Customization of the "Slider arrow position" style in the Blog post section is as follows:

  • Top

  • Inline

Slider arrow style

Customization of the "Slider arrow style" style in the Collection list section is as follows:

  • Link

  • Outline button

  • Solid button

Enable arrow text

Enable checkbox for show collection slider arrow with text.

Image ratio

In the section, Image size customization is as follows.

  • Adapt to image

  • Portrait

  • Square

Content alignment

Customization of "Content alignment" as follows:

  • Left

  • Center

  • Right

Blog posts

"Blog posts" is to customize the blog post to show. You can show a minimum of “2” and a maximum of “6” products.

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 “1” and a maximum of “4” products.

Show date

By enabling this checkbox you can show “Blog date” in the section.

Show tag

By enabling this checkbox you can show “Blog tag” in the section.

Show date and tag on top

Enable this checkbox to show Blog tags and date in starting position of this section.

Show author

By enabling this checkbox you can show “Blog author” in the section.

Show description

By enabling this checkbox you can show “Blog description” in the section.

Show comments

By enabling this checkbox you can show “Blog comments” in the section.

Show view all button

By enabling this checkbox you can show the “View all button” in the section.

Button style

Customization of the "Button style" in the blog post section is as follows:

  • Link

  • Outline button

  • Solid button

Button position

Customization of the "Button position" style in the Blog post section is as follows:

  • Top

  • Bottom

Show read more button

Use "Show read more button" to show the read more button.

Read more style

Customization of the "Read more" style in the Blog post section is as follows:

  • Link

  • Outline button

  • Solid button

Number of columns on mobile

"Number of columns on mobile" is used for the customization of product columns in Mobile devices.

  • 1 Column

  • 2 Columns

Enable swipe on mobile

Use "Enable swipe on mobile" to show the slider carousel in the mobile device.

Live Chat Support | Webibazaar Template
Logo