Products

You can show the products with Porto Products, Porto Recent Products, Porto Featured, etc shortcodes.

standard

default

variants + badges

, ,

Apple iPad (9th Generation)

0 out of 5
$69.00$110.00

short description

, ,

Acer Chromebook 315

0 out of 5
$9.00

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor...

variants + extra info

, ,

2025 New GPS Drone 4k Profesional

0 out of 5
$30.00

Total Sales: 12

SKU: 549853

stock available

out of stock

countdown sale

395Days16Hours25Min01Sec
,

Belt

0 out of 5
$399.00

Zoom Effect

button and icons

top

center

bottom

outside

icons only

top

center

bottom

outside

overlay details

default

Top Title + Bottom Price + Buttons

center icons

title and price only

hidden details

default

2 buttons

center block

full block

quantity input

below info

above info

image bottom

center

details on image

default

text align center

text top

text bottom

add to cart link

default

link on image

link always visible before text

carousel + dots

box hover effects

box shadow

box shadow full details

, ,

Apple iPad (9th Generation)

0 out of 5
$69.00$110.00

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor...

box border

box border with padding

Content Hover Floating

Legacy Product Type

ON IMAGE WITH OVERLAY 1 - FULL WIDTH WITHOUT GAP WITH DARK HIDDEN DESCRIPTION

On Image With Overlay 2 - Creative Products Grid

List

WIDGET

Element Options Glossary
This element gives you style options and content options that are unique and will stand out from the rest of the site. Please try! Each option works smoothly, perfectly and well.

Element Options

  • Title – Displays title in product shortcode.
  • Status – Filter options. Using this, you can only show featured or pre-order and on-sale.
  • View mode – Displays products by some modes. There are 4 modes: grid, slider, list and creative grid.
  • Column Spacing – Spacing between products.
  • Columns – Count which displays products in a row.
  • Columns on mobile – Count which displays products in a row on mobile.
  • Column Width – The width of product. In grid mode, this option overrides ‘columns’ option.
  • Pagination Style – Select mode to display next page products. There are 3 options: no pagination, default and loadmore.
  • Number of products per page – Select number of products per page.
  • Show Sort by – Select sort mode which displays products. There are 5 modes: all, popular, date, rating and on-sale.
  • Show Category Filter – Displays categories to filter.
  • Title for sort by popular – Title of popular sort mode.

Element Options

  • Title for sort by date – Title of date sort mode.
  • Title for sort by rating – Title of rating sort mode.
  • Title for sort by on-sale – Title of on-sale sort mode.
  • Filter Style – Mode which displays filters. There are two filters: vertical, horizontal.
  • Order By – Defines how products should be ordered: date, id, Menu order, title, random, price, popularity, rating.
  • Order Way – Provides advanced configuration: Ascending, descending.
  • Products – Input list of Product ids.
  • Product Layout – Select position of add to cart, add to wishlist, quickview.
  • Use Simple Layout – If you check this option, it will display product title and price only.
  • Image Size – Select size of product image.
  • Extra Class Name – Add your custom class without the dot. e.g: my-class

Header Builder

In Porto 6.0, templates builder is newly added to create and modify the whole site including header dynamically using page builders. You can build the header dynamically in any layout using templates builder. After you create header, you need to set display condition where you want to display and select “Header Builder in Porto Templates builder” in Porto -> Theme Options -> Header -> Header Type -> Select Header to display it.
header

Footer Builder

In Porto 6.0, templates builder is newly added to create and modify the whole site including footer dynamically using page builders. With Porto footer builder, You can build the footer dynamically in any layout. After you create footer, you need to set display condition where you want to display and select “Footer Builder in Porto Templates builder” in Porto. And you are now limited more by your imagination than anything else.
footer

Build your website with Porto

Purchase now. Only $59!

Porto theme has been available on ThemeForest since 2015 and is one of the top sellers with more than 80K+ sales.
Super High Performance
Strict Coding Standards
Free Lifetime Updates
has been added to your cart.
Checkout