Our new Soft Box Gallery utilizes the Lightbox Composition widget built right into Muse. Set up for easy editing, you can use this stylish widget to display individual photo or project collections within a larger master library.
A built-in slideshow gives your audience the opportunity to explore a photo set without leaving navigation options behind. Grid and horizontal layouts are included as custom overlays in this beautiful, pre-styled design widget.
Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
Current Version: 1.0
Supported Devices: Desktop, Tablet, Phone
Setup
When you open this widget download, you will find a .mulib file, as well as several image assets. After opening the mulib to add to your Muse Library, open your Assets panel and link the missing assets to your Softbox folder.
The first thing to keep in mind when editing Softbox is that it was built from a standard Lightbox Composition widget. Composition widgets are found in the "Widget Library". If you're familiar with working with compositions, editing Softbox should be simple. If you're new to Muse, working with compositions can be a challenging task - but with practice, becomes second nature. Check out the "Galleries 101" video below for an introduction to working with compositions and galleries.
Drag the widget from the library and drop into your project in Design mode. You will want to drop this widget into a larger breakpoint so that the widget is contained in the page area.
You will notice 2 distinct sections: a gallery on the left and a large lightbox on the right. The lightbox is what is seen when you click on one of the gallery items (triggers).
If you click once on any element, you will be selecting the entire composition. Clicking again on an element will select that element. Every element within the composition has it's own option panel. Keep in mind that these are not individual options unque to individual elements. Changing a setting in one option panel applies the option to the entire composition.
The lightbox on the right (you may have to zoom out to see it) can be enabled or disabled from view by clicking the "Show lightbox parts while editing" checkbox. It's placement in Muse Design mode is irrelevent. It will always appear centered when previewed in browser.
To begin customizing the gallery, select any of the triggers. Use the "Fill" button in the top menu to update the image.
While the trigger is selected, click the states dropdown in the upper left corner of the top menu. The states dropdown shows all of the states: Normal, Rollover, Mouse Down, and Active. These are very important to remember to adjust. To change the color of the rollover fill, select Rollover and change the fill color. This change will apply to the Mouse Down setting as well.
Update the text fields in each trigger element. Remember that states apply to text as well, so you will need to update any applicable states for text.
The circles behind the title text are rectangles with extreme stroke values applied. Edit these as needed along with their different states.
Every trigger element has it's own lightbox. Update the lightbox images, text, and states as you did above with the trigger elements.
Repeat the above steps for every trigger element in the gallery.
Finally, if you wish to add more gallery items, click the small square gray button with the "+" inside to add more triggers. Text and rectangles may be copied and pasted into the newly added triggers to retain consistent styling.