Slider Navigation Dots, Arrows and Page Pagination

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 -> Dots Style / Arrows Style / Pagination.

Dots Style

Setting	Description
Style	Select the style of slider pagination dots. Style 1: Dots will simply styled with its background, border and hover state color. Style 2: Dots group will also have a background layer.

Arrows Style

Setting	Description
Style	Select the style of slider navigation arrows. Style 1: Thin caret with large angle. Style 2: Arrows have longer tails. Style 3: Thick caret with small angle.
Enable Button Arrows 'Disable'?	Show the arrow even when the slider has reached its end of items length.
Border Width	Determine the thickness of pagination arrow borders.
Border Radius	Round the corners of arrow. The range is from 0% (arrow border is a rectangle), to 50% (arrow border is a circle).
Width Arrows/ Height Arrows	Determine the width and height of the arrow border.
Size Icon Arrows	Determine the size of the arrow icon inside the border.
Position Horizontal Arrow - (Unit % or px)	Fill in the desired positions of arrows horizontally relative to their slider.

Pagination

Settings for page pagination such as blogs page.

Setting	Description
Layout	Select the style for the pagination. Style 1: Pagination arrows are text "prev" and "next". Style 2: Pagination arrows are carets. Style 3: Pagination arrows are long-tailed.
Alignment	Align the Pagination cluster to the left, right or center of the products grid.