Sitar Documentation
Live chatSubmit a Ticket
  • Webibazaar Support
  • Sitar Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Lookbook
    • Social media gallery
    • Image with product
    • Countdown timer
    • Collection name
    • Slideshow
    • Collection list
    • Image with text
    • Featured collection
    • Video
    • Logo list
    • Multicolumn
    • Featured product
    • Image banner
    • Collection tabs
    • Scrolling bar
    • Product banner
    • Testimonials
    • Text with icons
    • Blog posts
    • Collapsible content
    • Counter
    • Contact form
    • Rich text
    • Custom text
    • Newsletter
    • Hero banner
  • Footer
  • Age verification popup
  • Theme Settings
    • Corner radius
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Badges
    • Breadcrumb
    • Social media
    • Product card review
    • Search behavior
    • Currency format
    • Cart
    • Theme style
    • Checkout
    • Custom CSS
  • Product page
    • Countdown timer
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • 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 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

Image with product

PreviousSocial media galleryNextCountdown timer

Last updated 3 months ago

In this section, when a point on the image is clicked, the image zooms in, and when double-clicked, the image zooms out while also activating the related product.

Setting
Description

Make section full width

By enabling this checkbox, you can make section in full width.

Text

Enter text to display as a title in the section.

Size

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

  • Small

  • Medium

  • Large

Subheading

Text

Enter text to display as a subheading in the section.

Style Customization of the "Subheading style" in the Image with product section is as follows:

  • Normal

  • Outline

  • Solid

position

Customization of the "Subheading position" in the Image with product section is as follows:

  • Before heading

  • After heading

Heading/subheading alignment

Customization of the "Heading/subheading alignment" in the Image with product section is as follows:

  • Left

  • Center

Image height

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

  • Adapt to image

  • Small

  • Medium

  • Large

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

  • Scheme 5

Add Image

To add blocks to this section, click on the 'Add image'. There are many options available similar to the Image with product.

Block
Description

Image

Use "image" to add the image to the section.

Product

Position top You can set the position of the product image from the top using position top. You can set a minimum of “0%” and a maximum of “100%” from the top. Position left You can set the position of the product image from the left using position left. You can set a minimum of “0%” and a maximum of “100%” from the left. Select product Select a product to display selected product in the section. Collection color scheme

You can change the background and foreground color of a collection list using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Live Chat Support | Webibazaar Template
Logo