# Brand Slider

<figure><img src="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FVtSTlfdB8sRcCZYzyjW0%2Fbrand%20slider.jpg?alt=media&#x26;token=4cf96371-c5c8-4528-b49d-c45790dd42a8" alt=""><figcaption></figcaption></figure>

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Brand Slider**".

<figure><img src="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FL3qr3xmxVzjHDQ911Yn4%2Fbrand%20slider.gif?alt=media&#x26;token=fa56db49-9943-44cd-b339-160223653432" alt=""><figcaption></figcaption></figure>

## Section Settings



| Setting                                    | Description                                                                                                                                                                                                                                            |
| ------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Layout:                                    | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width.                                                                                                                                  |
| Padding Container Full Width               | Determine the spacing of the left and right sides if the layout 'fullwidth' is selected.                                                                                                                                                               |
| Spacing top - Desktop / Tablet / Mobile    | Determine the spacing of the section from the top on Desktop, Tablet and Mobile.                                                                                                                                                                       |
| Spacing bottom - Desktop / Tablet / Mobile | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile.                                                                                                                                                                    |
| Style Layout                               | <p>Select the layout style for the section.<br>Style 1: Each item is shown regularly. <br>Style 2: Each item is shown as a card with box shadow.<br>Style 3: The title will lie on the left while block items will be on the right of the section.</p> |
| Layout                                     | Select the layout of the items to be either grid or slide.                                                                                                                                                                                             |
| Enable Border?                             |                                                                                                                                                                                                                                                        |
| Background Color                           | Set the Background Color for the whole section.                                                                                                                                                                                                        |
| Background Gradient                        | Set the Background Gradient for the whole section. If the gradient is none, then the background color will be applied if any.                                                                                                                          |
| Background Image                           | Upload/choose an image as the background for the section.                                                                                                                                                                                              |
| Title                                      | Enter the title for the section.                                                                                                                                                                                                                       |
| Title Color                                | Set the title color for the section.                                                                                                                                                                                                                   |
| Title Font Size                            | Determine the font size of the section title on Desktop ranging from 10px to 50px.                                                                                                                                                                     |
| Title Font Size Mobile                     | Determine the font size of the section title on Mobile ranging from 10px to 50px.                                                                                                                                                                      |
| Title Margin Bottom                        | Determine the spacing of the title from the bottom.                                                                                                                                                                                                    |
| Enable Border Title                        | Enable to show the border below the title (as being underline)                                                                                                                                                                                         |
| Title Border Color                         | Set the border title color                                                                                                                                                                                                                             |
| Description                                | Fill in the description text for the section.                                                                                                                                                                                                          |
| Description Color                          | Set the color for description text.                                                                                                                                                                                                                    |
| Description Font Size                      | Determine the font size of the description text.                                                                                                                                                                                                       |
| Description Margin Bottom                  | Determine the spacing of the description from the bottom.                                                                                                                                                                                              |
| View All                                   | Fill in the text for the view all link.                                                                                                                                                                                                                |
| View All Font Size                         | Determine the font size of view all link.                                                                                                                                                                                                              |
| View All Alignment                         | Align the view all to be either to the left, right or center of the section.                                                                                                                                                                           |
| View All Font Weight                       | Select the font weight of the view all text.                                                                                                                                                                                                           |
| View All Margin Bottom                     | Determine the spacing of the view all text from the bottom.                                                                                                                                                                                            |
| Enable View All Border?                    | Enable to underline the view all.                                                                                                                                                                                                                      |
| View All Link                              | Enter the link to redirect viewers to after being clicked.                                                                                                                                                                                             |
| View All Color                             | Set the color for the view all text.                                                                                                                                                                                                                   |
| View All Icon                              | Fill in the icon for the view all link along with its text.                                                                                                                                                                                            |
| Icon View All Color                        | Set the icon color of the view all link.                                                                                                                                                                                                               |
| View All Icon Side (Left / Right)          | Select the position of the icon to be on the left or right side of the view all link.                                                                                                                                                                  |
| Button Text                                | Fill in the button text of the section.                                                                                                                                                                                                                |
| Button Font Size                           | Determine the font size of button text.                                                                                                                                                                                                                |
| Button Spacing Top                         | Determine the spacing of the button to the top.                                                                                                                                                                                                        |
| Button Color                               | Set the color for the button text.                                                                                                                                                                                                                     |
| Button Link                                | Fill in the link to redirect to viewers to after being clicked.                                                                                                                                                                                        |
| Alignment                                  | Align the button to be on the left or the right or center of the section                                                                                                                                                                               |
| Grid Gap                                   | Determine the spacing between each block item of the section.                                                                                                                                                                                          |
| Item Per Row                               | Select the number of block to be visible at a time.                                                                                                                                                                                                    |
| Enable Arrows?                             | Show the arrows for slider navigation.                                                                                                                                                                                                                 |
| Enable Dots?                               | Show the dots for slider pagination.                                                                                                                                                                                                                   |
| Arrows Position Horizontal                 | Determine the position of the arrows horizontally from the slider                                                                                                                                                                                      |
| Color - Background Color - Border Color    | Set the Color of the arrows Color, background color and border.                                                                                                                                                                                        |
| Item Per Row Mobile                        | Select the number of block to be visible at a time on mobile.                                                                                                                                                                                          |
| Enable Image Zoom Hover?                   | Enable to zoom block item image when hovered.                                                                                                                                                                                                          |
