Porto provides 11 pre-defined creative grid layouts by default.
We can add custom layouts using “porto_creative_grid_layout_images” and “porto_creative_grid_layouts” filters.
All default layouts are defined in porto_creative_grid_layout function in shortcodes/lib/functions.php of porto-functionality plugin.

Below code shows how to add 12th custom layout like following image using functions.php in child theme.
*Note: We suppose that new grid layout image is located in child themes’s assets/images/creative_grid/ directory.

add_filter( 'porto_creative_grid_layout_images', 'porto_child_custom_creative_grid_layout_names' );
function porto_child_custom_creative_grid_layout_names( $layouts ) {
    $layouts = array_merge(
        $layouts,
        array(
            get_theme_file_uri( 'assets/images/creative_grid/12.jpg' ) => '12',
        )
    );
    return $layouts;
}

add_filter( 'porto_creative_grid_layouts', 'porot_child_custom_creative_grid_layouts', 10, 2 );
function porot_child_custom_creative_grid_layouts( $default, $layout_id ) {
    if ( '12' == $layout_id ) {
        return array(
            array( 'height' => '1', 'height_md' => '1', 'width' => '1-3', 'width_md' => '1', 'size' => 'large' ),
            array( 'height' => '1-2', 'height_md' => '1-2', 'width' => '1-3', 'width_md' => '1', 'size' => 'blog-masonry-small' ),
            array( 'height' => '1-2', 'height_md' => '1-2', 'width' => '1-3', 'width_md' => '1', 'size' => 'blog-masonry-small' ),
            array( 'height' => '1', 'height_md' => '1', 'width' => '1-3', 'width_md' => '1', 'size' => 'large' ),
        );
    }
    return $default;
}

What is Pre-Order?

By default, customers can’t purchase out-of-stock products, but only purchase them when they are available for sale. Pre-Order functionality offers customers the chance to purchase the unavailable products and provide them only after they are officially on sale. This will help to increase sales.

How to enable Pre-Order?

Please go to Theme Options -> Woocommerce and click Enable Pre-Order.

After then, go to the product edit page where you want to enable Pre-Order. You can find Pre-Order checkbox in it. Please give Pre-Order product an ‘additional stock’ that will be available.

Main Features

• Changes “Add to Cart” text to the Pre-order label set in the Theme Options.
• Product sale date will be displayed on product page in the format which is set in the Theme Options. If you don’t input available date, it displays nothing.
• Admin users can see a list of Pre-Order products in WooCommerce -> Orders in admin.
• Customers can see a list of Pre-Order products purchased in My Account page.
• If a Pre-Order product is purchased, it will email to an administrator.
• It will notify customers which purchased products are Pre-Order.

Elementor Page Builder offers the image lightbox option. Porto also offers that in Image Gallery Widget. So that the images are double working.

How to disable

In this case, you can turn off the ligthbox of Elementor Builder

Porto offers powerful and user-friendly advanced menus. It’s easy to create and use the megamenu.