Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

We will begin by navigating to the Storefront host we a working with and then clicking the "Edit" button while view the storefront:

Selecting a Slide

Now that we are in the visual builder, we can selecting a slideĀ a slide. You'll select the slide by hovering over it then when you see the slider element showing a blue outline, click the left mouse button:

Image Added

The Visual Builder will show which slide is selected in the upper lefthand corner (in this "Slide1") and the Visual Builder actions menu in the uppser righhand corner.

We'll begin by selecting the "Hierarchy" option (Either click the three stacked pages icon or use the "h" hotkey) to open the Hierarchy panel:

Image Added

You'll see the Visual Builder panel open to the far right:

Image Added

In this view hovering over the slides you'll see the that slide appear in the visual view to the left.

Let's first hover over the "Slider" and then left click the "gear" icon to open the slider settings.

Image Added

We will then see the slider settings tab appear:

Image Added

As you can see there are many settings related to the slider (