Foxify App
Foxify App
FoxstudioAdd and edit elements

Carousel controls

2 min read
image

Carousel controls are key elements that let users navigate through slides or featured content with ease. Whether you're showcasing product images, testimonials, or promotional banners, controls like arrows or dots help guide the user’s experience.

Foxify makes it easy to add, style, and position your carousel controls to match your store’s design and provide a smooth, interactive browsing experience.

Steps:

  1. In the FoxStudio editor, on the left Sidebar > Click Add elements, or press E.
  2. In Quick add, select Carousel controls.
  3. Drag the Carousel controls onto your carousel.
image

Once you’ve added the carousel controls, the next step is to edit its text to match your desired action.

Steps:

  1. Select the relevant carousel controls element in the editor.
  2. Use the tools bar above the selected element to quickly edit it.

All the formatting tools below can be found in the right hand sided Inspector panel.

image

General settings

image
  • Show navigation: Toggle this on to display navigation arrows.
  • Navigation buttons:
    • Next & Previous
    • Prev button only
    • Next button only
image
image
image
  • Navigation icon: Choose Arrows/Chevrons
image
image
  • Show pagination: Toggle this on to display pagination indicators.
  • Pagination type: Choose Bullets/Number/Lines
image
image
image

Design settings

Size & Constraints Settings: Use these controls to define the element’s dimensions and positioning behavior across devices.

Constraints
image
image
  • Color Fill: Set the color and background color of the element.
  • Text Font, Spacing, and Styles
    • Font: Choose from hundreds of fonts. You can also upload your own fonts to Foxify.
    • Weight and Size: Define the font weight and font size of the text.
    • Text case: Click the icons to set the text's capitalization: As typed — , Upper case AG, Title case Ag, or Lower case ag.
    • Spacing: Change the spacing between the lines and characters in the text box.
    • Text style: Normal/Italic.
image
  • Color Fill: Set the color and background color of the navigation buttons.
  • Size: Adjust the width, height, and icon size of the navigation button to fit your design needs.

Animations

Animations
image
Last updated

Breadcrumbs

Previous Page

Collection showcase

Next Page

ON THIS PAGE

How to add a Carousel controlsHow to edit a Carousel controlsGeneral settingsDesign settingsAnimations

Was this helpful?