NOTE : Wherever you upload your images, the folders they reside in must be Published for the images to be visible by your public visitors. Once your images are uploaded you can continue to the next step. We recommend that you either centrally manage your carousel images in the /site-assets/images/carousels directory or you can upload them to the directory they will be used in. Now we are ready to populate the carousel with images.īefore you can drag and drop you carousel images into your carousel, they need to be uploaded somewhere to the site. You can leave the Position pull-down value alone. We recommend that you set the Image value to large 768:768 for a carousel that is on a Cover page that has left and right columns. In the resulting window there are several options. While in the Layout Tab, Click on the gear icon ( ) that is within the Ploud Carousel Tile. So, in this case what we do is allow you to select the image size that gets presented to the patron by using pre-set image sizing. It takes a lot of bandwidth and makes your page load very slow. For example if a content administrator uploads a digital image that is 2500 x 1400 pixels in size, we do not want to serve that image to the patron in an area that is only 760 pixels wide. This helps manage the size of the image that is presented to your patron if a content administrator uploads a really large photo. #ENFOLD ICONBOX CONTENT SIZE FULL#(most common scenario)ĩ80 pixels wide if your page has only portlets on the left or only portlets on the right.ġ140 pixels wide if you have no portlets on the left or right and your content spans the full width of the page.īefore we drop images into the carousel, we have to tell the carousel tile what size we are setting our images to. ī) Your images should be one of the following widths based on your page layout:ħ68 pixels wide if your page has portlets on the left and right side of your main content area. There is also an online image cropping tool that can help you crop your images. Just plug in the desired width and it will calculate what height you should crop your image to. here is a link to a calculator that will help with your sizing. The resulting size for that ratio would be 768 pixels wide by 432 pixels high. #ENFOLD ICONBOX CONTENT SIZE TV#If you want your carousel images to have a height and width ratio of your standard flat screen TV (called a 16 by 9 ratio) which is pretty standard for carousels, you would want all of your images to be cropped in the same way. Otherwise the carousel will dynamically resize based on the image it is displaying causing your content below the carousel to jump around a bit. First a few recommendations.Ī) For carousel images, make sure all of them are the same height and width for the best results. The next step is to create a Carousel using the top row and Carousel Tile. If you click on the Edit link in the top left corner of the Rich Text Tile you will see the familiar WYSIWYG Editor and the ability to Edit the content you copied. You content from the page you drag and dropped into the Rich Text Field has been copied from that page and can now be managed from this new cover page. Click on the Add Content button.įrom the content picker, find the page whose content you want to copy and drag and drop that page onto the Rich Text Tile in the second row of the Cover page you created. This can be done through Cover's drag and drop tools. But first, let's copy the contents of the page that you want the carousel on. On the resulting screen you can now start inserting content. The bottom tile is where we will place the content of the page you are copying. Next, Name your page and then choose the Ploud Carousel Page Layout and Click Save.Ĭlick the Compose tab of the Green Edit Bar. You will see that the Ploud Carousel Page layout is a two row, single column layout with a Carousel tile on the top and a Rich Text Tile on the bottom.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |