Elements List

Category: Shortcodes 1 Post Date: August 13, 2019

Elements List

You can check the most of the Porto elements in Elements site.
If you want to know how to use them, you can import elements together when importing demo.

Following are some elements which are used for special Porto demos.

1. Porto One Page Category

This element displays a navigation of product categories on the left and the products by category on the right.
Please check Porto Shop 19 to see how it works.

  • Show Products: If you uncheck this option, only category lists will be displayed on the left side of the page and products will not be displayed. If you click category in the list, it will redirect to that page.
  • Ajax load: If you check this option, it will show category products one by one category using ajax infinite load when the page is scrolling to the bottom.
  • Products View mode: Carousel or Grid mode

2. Porto Products filter

This element displays a list of select boxes to filter producs by category, price or attributes.
Please check Gift Finder section in Porto Shop 30 to see how it works. If you click Filter button, it will redirect to the shop page which displays filtered products.

  • Filter Areas: check filtering options (Category, Price and Attributes)
  • Price Range: input price ranges to be displayed in select box such as 0-10, 10-100.

3. Porto 360 Degree Image Viewer

This element displays 360 degree image viewer.
Please check Tour section in Porto Shop 18 to see how it works.

  • Source Image: Source Image which has frame images of 360 degree. Each frame image displays image in each degree.
  • Preview Image: First Preview image. In general this is the first frame image in source image
  • Frame Count: frame count
  • Friction: friction variable which describes changes degree when dragging image

4. Porto Section Scroll

This element displays scrollable sections and dots navigation.
Please check Porto Portfolio 5 to see how it works.

  • Show Dots Navgigation: if you check this option, dots navigation will be displayed
  • Section Selectors: jQuery selectors to select sections to be scrolled
  • Section Titles: section titles separated by comma which will be displayed in dots navigation

Share this post