You can configure the look and feel by expanding the “Lite config” field-set. On the “Page: Style options” select the image field in “Image Source” and “Thumbnail Source”. Change the Format from “Unformatted list” to “Juicebox Gallery” and click on Apply.Ħ. Search for the “Image gallery” field and add it to the view.ĥ. Fill in the “Add new view” form with the values defined in Table 1-0.Ĭontent type of Article sorted by Newest firstĤ. Go to Structure, Views and click on “Add view”.Ģ. Update: There’s currently an issue with Views and Juicebox where it’ll only show the first image from a multi-value field. We’ll create a single gallery that’ll use the first image of every gallery on the Article content type. You’ve seen how to create a gallery using just the Juicebox gallery formatter, let’s now look at using Views to create a gallery. Now if you go and create a test article and add images into the gallery you should see them below the Body field. Click on the “Lite config” field-set and change the height to 500px.ĥ. Now there a lot of options but the only change we’ll make is to set the image alt text as the caption.ģ. Click on the cogwheel to configure the gallery. Click “Manage display”, and select “Juicebox Gallery” from the Format drop-down on the “Image gallery” field.Ģ. Now that we’ve created the image fields, let’s configure the actual Juicebox gallery through the field formatter.ġ. On the Edit page leave it as is and click on “Save settings”. You’ll need to do this if you want to store multiple images.ĥ. Change “Allowed number of values” to Unlimited and click on “Save field settings”. Enter “Image gallery” into Label and click on “Save and continue”.Ĥ. Click on “Add field” and select Image from “Add a new field”.ģ. Go to Structure, “Content types” and click on “Manage fields” on the Article row.Ģ. To do this, we’ll create an image field called “Image gallery” and this field will be used to store the images.ġ. We’ll first look at how to create a gallery using just an image field. Once everything has been copied and renamed, the path to juicebox.js should be /libraries/juicebox/juicebox.js.Īt the time of this writing, you’ll need to download the dev release of Libraries API (8.x-3.x-dev). Go to the Juicebox download page and download the free version.Įxtract the downloaded file and copy the jbcore folder within the zip file into /libraries and rename the jbcore directory to juicebox. $ drush en juicebox Download Juicebox Library Using Drush: $ drush dl juicebox libraries First, go download and install Juicebox and Libraries API module.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |