Venedor Section - Section with sidebar 2


Section - Section with sidebar 2

General Setting

Section General Setting - Section with sidebar 2
  • Section Margin: Space between other sections. Order is top-right-bottom-left.

Sidebar Settings

Section Sidebar Setting - Section with sidebar 2
  • Sidebar Block top/bottom padding: Space between sidebar blocks
  • Show Sidebar: Set position of sidebar. You can hide sidebar if you don't want it.

Categories List

Sidebar Categories List Setting - Section with sidebar 2
  • Show Categories: Show this block from sidebar
  • Menu: Select a menu to show navigations

Creating items with icon

  1. Navigate to Shopify Admin > Navigation > Add menu.
  2. Input menu title and click Add menu item.
  3. Input menu item name with icon name. Wrap icon name with square brackets([]). Attach link and click Add. Repeat this action until you fill all items as you need.
Sidebar Create Cagetories Menu - Section with sidebar 2

Result:

Sidebar Example Cagetories List - Section with sidebar 2

Shop by brand

Sidebar Shop By Brand Setting - Section with sidebar 2
  • Show shop by brand: Show this block from sidebar
  • Block title: Set block title
  • Brands: Input comma seperated brand names to filter with search phrase

Here, brand means product tags. You have to input product tags with comma(,) seperated in order to get correct result.

Sidebar Shop By Brand Setting - Section with sidebar 2

Bestseller

Sidebar Bestseller Block Setting - Section with sidebar 2
  • Bestseller
  • Show Bestseller: Show bestseller from sidebar
  • Collection: Select bestselling collection
  • Number of products to show at once: Set number of products to show in one slide
Sidebar Bestseller Block Example - Section with sidebar 2

Testimonials

Sidebar Testimonial Block Setting - Section with sidebar 2

You can add up to 2 testimonials to this block.

  • Show Testimonials: Show testimonials block from sidebar
  • Block Title: Set block title
  • Author Name: Author name of first testimonial
  • Author Image: Upload author image of first testimonial
  • Content: Input content of first testimonial
  • Published Time: Input released time of testimonal
  • Author Name: Author name of second testimonial
  • Author Image: Upload author image of second testimonial
  • Content: Input content of second testimonial
  • Published Time: Input released time of testimonal
Sidebar Testimonial Block Example - Section with sidebar 2

Popular Post Slideshow

Sidebar Articles Block Setting - Section with sidebar 2
  • Show Popular Post: Show popular post block from sidebar
  • Block Title: Set block title
  • Select Blog: Set blog to show. See Shopify Official Documentation about blogs and articles.
  • Number of articles to show at once: Set number of articles to show in one slide
Sidebar Articles Block Example - Section with sidebar 2

Promotion Text

Sidebar Promotion Block Setting - Section with sidebar 2

You can add up to 3 promotion items in this block.

  • Show Promotion Text: Show promotion block from sidebar
  • Icon 1: Icon name of first item. Browse our icons
  • Title 1: Set title of first item
  • Text 1: Set description text of first item
  • Icon 2: Icon name of second item. Browse our icons
  • Title 2: Set title of second item
  • Text 2: Set description text of second item
  • Icon 3: Icon name of third item. Browse our icons
  • Title 3: Set title of third item
  • Text 3: Set description text of third item
Sidebar Promotion Block Example - Section with sidebar 2

Latest Deals Slideshow

Sidebar Daily deal Setting - Section with sidebar 2
  • Show Latest Deals: Show latest deals block from sidebar
  • Block Title: Set block title
  • Collection: Select collection to show.
  • Show Color Swatch: Shows color swatch buttons
  • Maximum Number of Products to show: Total number of products to show in this block
Sidebar Daily deal Example - Section with sidebar 2

Advertisement Block

Sidebar Advertisement Block Setting - Section with sidebar 2
  • Show Advertisement: Show advertise block from sidebar
  • Sub Title: Set top text
  • Text: Set main text
  • Text style: Set style of text
  • Advertisement Text Color: Set text color of this block
Sidebar Advertisement Block Example - Section with sidebar 2

Dynamic Blocks

There are several kinds of available blocks in this section. You can add or remove them one by one as well as change their order.
Section Add Dynamic Content - Section with sidebar 2

Image Slideshow

Simple slideshow with only images and link. No text content inside.

Section Slideshow Setting - Section with sidebar 2
  • Transition Effect: Choose effect of slide transition ( slide effect and fade effect ).
  • Autoplay: Set auto rotate speed of carousel. Input 6 to autoplay every 6 seconds. Input 0 to disable autoplay.
  • Show Pagination Dots: Creates and enables page dots.
  • Show Navigation: Creates and enables previous & next buttons
  • Loop images: Slider loops infinitely
  • Image 1: First image
  • Link To: Image link
  • Image 2: Second image
  • Link To: Image link
Section Slideshow Example - Section with sidebar 2

Newsletter Form

Simple slideshow with only images and link. No text content inside.

Section Newsletter Form Setting - Section with sidebar 2
  • Style: Newsletter form styles
    Section Newsletter Form Variations - Section with sidebar 2
  • Form Title: Set form title.
  • Title Color: Set form title color.
  • Description: Set description
  • Description Color: Set description color
  • Input box background: Set background color of input box
  • Button background color: Set background color of submit button
  • Button text color: Set text color of submit button
  • Button hover background: Set hover background color of submit button

Products Carousel

Section Products Carousel Setting - Section with sidebar 2
  • Section title: Set title of this section
  • Collection: Select collection to show.
  • Carousel loop: Carousel loops infinitely
  • Products to show per row: Number of products to show in one slide
  • Show Pagination Dots: Creates and enables page dots.
  • Show Navigation: Creates and enables previous & next buttons
  • Navigator position: Set position of navigator. See navigator position styles here.
  • Product Card Style: Set product card style. Browse card styles here.
  • Show border around product cards: Add border to product card
Section Products Carousel Example - Section with sidebar 2

Text image layout 3

Section Image Layout 3 Setting - Section with sidebar 2
  • Banner Image 1: Set first banner image. Recommended image size is 420 X 200px.
  • Title: Set first banner title
  • Subtitle: Set first banner sub title
  • Banner Image 2: Set second banner image. Recommended image size is 420 X 200px.
  • Title: Set second banner title
  • Subtitle: Set second banner sub title
Section Image Layout 3 Example - Section with sidebar 2

Text image layout 4

Section Image Layout 3 Setting - Section with sidebar 2
  • Background Image: Set background image of the section. Recommended image size is 880 X 180px.
  • Title: Set title of the section
  • Link To: Set link of the section when customers click.
Section Image Layout 3 Example - Section with sidebar 2

Collections Tab

Section Collections Tab Setting - Section with sidebar 2

You can add collections up to 5.

  • Section Title: Set title of this block.
  • Tab Item Font Style: Set font style of collections title
  • Show border around product cards: Add border style to product cards
  • Product Card Style: Set product card style. Browse card styles here.
  • Number of columns: Number of product columns
  • Number of products to show: Number of product rows.
  • Collection 1 ~ 5: Select collections to add as tab.
Section Collections Tab Example - Section with sidebar 2

Products matrix

Section Products Matrix Setting - Section with sidebar 2
  • Section name: Set section name
  • Collection: Set collection to show in this section
  • Products to show per row: Number of product columns. That means number of products to show in one row.
  • Number of rows: Set number of rows.
  • Space between items: Set space between product items. Unit is pixel
Section Products Matrix Example - Section with sidebar 2

Latest News

Section Latest News Setting - Section with sidebar 1
BLOCK SETTINGS
Section Title Set title of this block.
Select Blog Choose one of the blogs you are going to show in this section.
CAROUSEL SETTINGS
Number of articles to show at once Number of articles to show in one slide
Show Pagination Dots View Examples Creates and enables page dots.
Show Navigation View Examples Creates and enables previous & next buttons
Navigator position View Examples Set position of navigator.
  • Top right - Show navigators at the top right corner of the section.
  • Top center - Show navigators at the top of images.
  • Middle center - Show navigator at the middle of the section.
STYLE SETTINGS
Image size View Examples Set preferred image size.
  • Set height relative to image - Set height regarding to image ratio.
  • Fixed height - Theme preferred dimention.
Image and text position Set layout of image and text. View Examples
  • Position text under image - Show excerpt under image.
  • Position text on the right - Show excerpt beside image.
  • Position text override image - Show excerpt overriding image.
Show post date Shows article post date
Show comment numbers Shows total number of comments of the articles
Date and comment position Set position of the date/comment View Examples
  • Before image - Shows date/comments before article image.
  • Overwrite image - Date/comments overrides article image.
TYPOGRAPHY SETTINGS
Article Title color Set color of article title
Title font size Select title font size
Article excerpt color Set color of article excerpt
Excerpt font size Select excerpt font size
Comment color Set comments number text color.
Comment background Set background color of comments number.
Comment border color Set border color of comments number.