Slider arrows

Slideshow, Image Banner, Product Block, Product Recommendations and Recently Viewed Product Sections will have separate settings for navigation arrow positions.

  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 Theme settings -> General -> Slider arrows.

Setting
Description

Style

Select the style of the slider navigation arrows.

  • Style 1: Thin caret with large angle.

  • Style 2: Arrows have longer tails.

  • Style 3: Thick caret with small angle.

  • Style 4

  • Style 5

  • Style 6

  • Style 7

  • Style 8

Show arrow buttons when disabled

Show the arrows even when the slider has reached its end of items length.

Width

Determines the width of the slider navigation arrows.

Height

Determines the width of the slider navigation arrows.

Border width

Determine the thickness of the borders of the slider navigation arrows.

Corner radius

Set the radius of the slider navigation arrows' corners. Can be from 0% to 50%, increasing arithmetically of 1%.

Icon size

Determine the size of the arrow icon inside the border.

Horizontal position (unit % or px)

Positions of the slider navigation arrows horizontally relative to their slider.

Last updated