To install portfolio gallery go to: Extensions > extensions manager > choose the zip file > upload and install
Module of this extension is made to facilitate the process of using the plugin within the page. You can place it in different positions within the page, choose in which pages to display or not.
Extensions > Module Manager > Activate Huge-IT Portfolio Gallery > Choose gallery from the list and the Position within specific theme (on right panel) > Menu assignment > Choose where you need to display it
Menu > Main Menu > Selected or new menu item > Select > Huge-IT Portfolio Gallery > Save
Components > Portfolio Gallery > New.
Portfolio Gallery extension gives you 7 different views to demonstrate your portfolios:
Add main images, add additional images.
If you have videos, add main videos and additional videos. Videos can be added from Youtube and Vimeo sources only.
Write title to each project.
Make it full with description text.
Add external URL link, which will work on “View More†button.
Select to “show sorting buttons†and enable the function of sorting your projects by date, name, and so on.
Select to “show category buttons†and enable the ability to divide your projects into different categories.
You can create new categories or edit the existing ones, and select to which category your project should belong to. You can place the shortcodes of portfolios in article/page/template.
This section will allow you to make changes for the specific view option of the Portfolio. Here you can change styling, color and other options. The relevant changes will affect all portfolio using that specific view option.
Determine the background color for the element.
Set the border width for the element.
Select the element border color.
Choose the style for the toggle button.
Choose whether to display divider lines or not.
With this option you are able to set the size of the sorting button for the Portfolio gallery.
Among the colors select your desired color for the portfolio gallery sorting button.
Select one of the colors for the letters when you hover over the sorting button.
Set one of the colors for the Portfolio Gallery sort button background.
Portfolio Gallery allows you to use color for the sort button when you hover over it.
Select Sort Button radius size.
Choose the distance among the Sort Buttons
There are 3 ways to show the Sort Button that is Top, Right and Left.
Change the Default button name.
Change the Date button name.
Change the Title button name.
Change the Random button name.
Change the Ascending button name.
Change the Descending button name.
Set the main image width in pixels.
Set the main image height in pixels.
Specify the font size for the portfolio title.
Choose the color for the portfolio title font.
Choose whether to display the image thumbnails or not.
Set the positioning of the thumbnails.
Set the width for the image thumbnails.
Choose whether to display the description of the portfolio or not.
Set the portfolio description font size in pixels.
Select the portfolio description font color.
Choose whether to display Show More button.
Define the text of the Show More button.
Set the font size for the Show More button.
Select the font color for the Show More button.
Select the font color for the Show More button when hovered.
Select the background color for the Show More button.
Select the background color for the Show More button when hovered.
Choose whether to change the All name or not in the portfolio Gallery.
Select the size for the filter button size.
Select the color for the filter button font.
Set one of the amazing colors for the font when hover over the category button.
Set a color for the category button in Portfolio Gallery.
Choose one of the colors for the background color when hover over the Filter Button.
Set a border radius for Filter Button.
Set padding among the Filter Button.
Filter Block position is prepared to choose the position to insert on the top, on the left or right.
Set your desired font size for the Catalog Pagination.
Change the color of the catalog pagination icons.
Select one of the amazing colors for the pagination.
Set your desired size for the pagination icon.
Select one of the preferable position for the pagination: Left, Right, Center.
Write your preferable text for the load more icon.
Set the preferable position for load more icon.
Change font size of the load more button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Set the width of the blocks in pixels.
Determine the background color for the element.
Set the border width for the element.
Select the element border color.
Choose whether to display divider lines or not.
Specify the font size for the portfolio title.
Choose the color for the portfolio title font.
Choose whether to display the image thumbnails or not.
Set the positioning of the thumbnails.
Set the width for the image thumbnails.
Choose whether to display the description of the portfolio or not.
Set the portfolio description font size in pixels.
Select the portfolio description font color.
Choose whether to display Show More button.
Define the text of the Show More button.
Set the font size for the Show More button.
Select the font color for the Show More button.
Select the font color for the Show More button when hovered.
Select the background color for the Show More button.
Select the background color for the Show More button when hovered.
Choose whether to change the All name or not in the portfolio Gallery.
Select the size for the filter button size.
Select the color for the filter button font.
Set one of the amazing colors for the font when hover over the category button.
Set a color for the category button in Portfolio Gallery.
Choose one of the colors for the background color when hover over the Filter Button.
Set a border radius for Filter Button.
Set padding among the Filter Button.
Filter Block position is prepared to choose the position to insert on the top, on the left or right.
With this option you are able to set the size of the sorting button for the Portfolio gallery.
Among the colors select your desired color for the portfolio gallery sorting button.
Select one of the colors for the letters when you hover over the sorting button.
Set one of the colors for the Portfolio Gallery sort button background.
Portfolio Gallery allows you to use color for the sort button when you hover over it.
Select Sort Button radius size.
Choose the distance among the Sort Button.
There are 3 ways to show the Sort Button that is Top, Right and Left.
Change the Default button name.
Change the Date button name.
Change the Title button name.
Change the Random button name.
Change the Ascending button name.
Change the Descending button name.
Set your desired font size for the Catalog Pagination.
Change the color of the catalog pagination icons.
Select one of the amazing colors for the pagination.
Set your desired size for the pagination icon.
Select one of the preferable position for the pagination: Left, Right, Center.
Write your preferable text for the load more icon.
Set the preferable position for load more icon.
Change font size of the load more button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Set the element width in pixels.
Set the element height in pixels
Determine the background color for the element.
Set the border width for the element.
Select the element border color.
Set the overlay color for the element image.
Determine the transparency level of the overlay.
Choose the light or dark options of the image zoom.
With this option you are able to set the size of the sorting button for the Portfolio gallery.
Among the colors select your desired color for the portfolio gallery sorting button.
Select one of the colors for the letters when you hover over the sorting button.
Set one of the colors for the Portfolio Gallery sort button background.
Portfolio Gallery allows you to use color for the sort button when you hover over it.
Select Sort Button radius size.
Choose the distance among the Sort Button.
There are 3 ways to show the Sort Button that is Top, Right and Left.
Change the Default button name.
Change the Date button name.
Change the Title button name.
Change the Random button name.
Change the Ascending button name.
Change the Descending button name.
Choose whether to change the All name or not in the portfolio Gallery.
Select the size for the filter button size.
Select the color for the filter button font.
Set one of the amazing colors for the font when hover over the category button.
Set a color for the category button in Portfolio Gallery.
Choose one of the colors for the background color when hover over the Filter Button.
Set a border radius for Filter Button.
Set padding among the Filter Button.
Filter Block position is prepared to choose the position to insert on the top, on the left or right.
Specify the font size for the element title.
Choose the color for the element title font.
Choose whether to display Show More button on the element or not.
Set the text for the Show More button.
Define the font size for the text over the button.
Select the font color for the text over the button.
Select the background color for the text over the button.
Select the popup background color.
Set the overlay color for the background.
Set the level of transparency of the popup overlay.
Select the style of the Close button for the background.
Choose whether to display divider lines or not.
Specify the font size for the popup title.
Choose the color for the popup title font.
Choose whether to display the image thumbnails or not.
Set the positioning of the thumbnails.
Set the width for the image thumbnails.
Choose whether to display the description of the portfolio or not.
Set the portfolio description font size in pixels.
Select the portfolio description font color.
Choose whether to display Show More button.
Define the text of the Show More button.
Set the font size for the Show More button.
Select the font color for the Show More button.
Select the font color for the Show More button when hovered.
Select the background color for the Show More button.
Select the background color for the Show More button when hovered.
Set your desired font size for the Catalog Pagination.
Change the color of the catalog pagination icons.
Select one of the amazing colors for the pagination.
Set your desired size for the pagination icon.
Select one of the preferable position for the pagination: Left, Right, Center.
Write your preferable text for the load more icon.
Set the preferable position for load more icon.
Change font size of the load more button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Set the width of the main image.
Determine the background color for the element.
Set the border width of the element.
Select the element border color.
Choose whether to display divider lines or not.
With this option you are able to set the size of the sorting button for the Portfolio gallery.
Among the colors select your desired color for the portfolio gallery sorting button.
Select one of the colors for the letters when you hover over the sorting button.
Set one of the colors for the Portfolio Gallery sort button background.
Portfolio Gallery allows you to use color for the sort button when you hover over it.
Select Sort Button radius size.
Choose the distance among the Sort Button.
There are 3 ways to show the Sort Button that is Top, Right and Left.
Change the Default button name.
Change the Date button name.
Change the Title button name.
Change the Random button name.
Change the Ascending button name.
Change the Descending button name.
Choose whether to change the All name or not in the portfolio Gallery.
Select the size for the filter button size.
Select the color for the filter button font.
Set one of the amazing colors for the font when hover over the category button.
Set a color for the category button in Portfolio Gallery.
Choose one of the colors for the background color when hover over the Filter Button.
Set a border radius for Filter Button.
Set padding among the Filter Button.
Filter Block position is prepared to choose the position to insert on the top, on the left or right.
Specify the font size for the portfolio title.
Choose the color for the portfolio title font.
Choose whether to display the image thumbnails or not.
Set the positioning of the thumbnails.
Set the width for the image thumbnails.
Choose whether to display the description of the portfolio or not.
Determine the description font size in pixels.
Select the font color for the description.
Choose whether to display Show More button.
Define the text of the Show More button.
Set the font size for the Show More button.
Select the font color for the Show More button.
Select the font color for the Show More button when hovered.
Select the background color for the Show More button.
Select the background color for the Show More button when hovered.
Set your desired font size for the Catalog Pagination.
Change the color of the catalog pagination icons.
Select one of the amazing colors for the pagination.
Set your desired size for the pagination icon.
Select one of the preferable position for the pagination: Left, Right, Center.
Write your preferable text for the load more icon.
Set the preferable position for load more icon.
Change font size of the load more button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Set the width for the block in pixels.
Select the background.
Set the border width in pixels.
Choose the border color.
Specify the font size for the portfolio title.
Choose the color for the portfolio title font.
Select the toggle button style from the provided options.
Choose whether to display the description of the portfolio or not.
Set the portfolio description font size in pixels.
Select the portfolio description font color.
Choose whether to display Show More button.
Define the text of the Show More button.
Set the font size for the Show More button.
Select the font color for the Show More button.
Select the font color for the Show More button when hovered.
Select the background color for the Show More button.
Select the background color for the Show More button when hovered.
With this option you are able to set the size of the sorting button for the Portfolio gallery.
Among the colors select your desired color for the portfolio gallery sorting button.
Select one of the colors for the letters when you hover over the sorting button.
Set one of the colors for the Portfolio Gallery sort button background.
Portfolio Gallery allows you to use color for the sort button when you hover over it.
Select Sort Button radius size.
Choose the distance among the Sort Button.
There are 3 ways to show the Sort Button that is Top, Right and Left.
Change the Default button name.
Change the Date button name.
Change the Title button name.
Change the Random button name.
Change the Ascending button name.
Change the Descending button name.
Choose whether to change the All name or not in the portfolio Gallery.
Select the size for the filter button size.
Select the color for the filter button font.
Set one of the amazing colors for the font when hover over the category button.
Set a color for the category button in Portfolio Gallery.
Choose one of the colors for the background color when hover over the Filter Button.
Set a border radius for Filter Button.
Set padding among the Filter Button.
Filter Block position is prepared to choose the position to insert on the top, on the left or right.
Set your desired font size for the Catalog Pagination.
Change the color of the catalog pagination icons.
Select one of the amazing colors for the pagination.
Set your desired size for the pagination icon.
Select one of the preferable position for the pagination: Left, Right, Center.
Write your preferable text for the load more icon.
Set the preferable position for load more icon.
Change font size of the load more button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Choose the background color for the slider.
Set the font color for the slider tabs.
Set the background color for the slider tabs.
Choose the icon style.
Set the main image width in pixels.
Set the main image height in pixels.
Specify the font size for the portfolio title.
Choose the color for the portfolio title font.
Choose whether to display Show More button.
Define the text of the Show More button.
Set the font size for the Show More button.
Select the font color for the Show More button.
Select the font color for the Show More button when hovered.
Select the background color for the Show More button.
Select the background color for the Show More button when hovered.
Set the image width in pixels.
Set the image border width in pixels.
Select the image border color.
Set the border radius in pixels.
With this option you are able to set the size of the sorting button for the Portfolio gallery.
Among the colors select your desired color for the portfolio gallery sorting button.
Select one of the colors for the letters when you hover over the sorting button.
Set one of the colors for the Portfolio Gallery sort button background.
Portfolio Gallery allows you to use color for the sort button when you hover over it.
Select Sort Button radius size.
Choose the distance among the Sort Button.
There are 3 ways to show the Sort Button that is Top, Right and Left.
Change the Default button name.
Change the Date button name.
Change the Title button name.
Change the Random button name.
Change the Ascending button name.
Change the Descending button name.
Choose whether to change the All name or not in the portfolio Gallery.
Select the size for the filter button size.
Select the color for the filter button font.
Set one of the amazing colors for the font when hover over the category button.
Set a color for the category button in Portfolio Gallery.
Choose one of the colors for the background color when hover over the Filter Button.
Set a border radius for Filter Button.
Set padding among the Filter Button.
Filter Block position is prepared to choose the position to insert on the top, on the left or right.
Specify the font size for the portfolio title.
Choose the color for the portfolio title font.
Choose the color for the portfolio title font when hovered.
Set a background color for the title.
Determine the title background transparency level.
Set your desired font size for the Catalog Pagination.
Change the color of the catalog pagination icons.
Select one of the amazing colors for the pagination.
Set your desired size for the pagination icon.
Select one of the preferable position for the pagination: Left, Right, Center.
Write your preferable text for the load more icon.
Set the preferable position for load more icon.
Change font size of the load more button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
This section will allow to make changes of the Lightbox’s settings. Most of the view options allow styling and multi coloring.
Choose the style of your popup.
Set the way of opening the popup.
Set the speed of opening the popup in milliseconds.
Set the speed of closing the popup in milliseconds.
Choose whether to display the content title.
Change the level of popup background transparency.
Choose for automatically opening the firs content after reloading.
Choose to close the content by clicking on the overlay.
Choose to close the content with esc button.
Set to change the images with left and right buttons.
If “true†give the ability to move from the last image to the first image while navigation.
Choose whether to display close button.
If “true†the popup does not change its position while scrolling up or down.
Set the position of popup.
Choose to fix the popup width and height.
Set unfix content max width.
Set unfix max height.
Set the initial height of opening.
Set the initial size of opening.
Select to enable slideshow.
Set the time between each slide.
If “true†it works automatically.
Set the text on start button.
Set the text of stop button.