Skip to content

Instantly share code, notes, and snippets.

@WppWpPanda

WppWpPanda/landing-new.php

Created April 29, 2025 19:06
Show Gist options
  • Save WppWpPanda/0ae3ee88284f6fdd7927e9e18c9b1c1e to your computer and use it in GitHub Desktop.
Save WppWpPanda/0ae3ee88284f6fdd7927e9e18c9b1c1e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
landing-new.php
<?php
/**
* Template Name: landing New
*/
get_header();
global $post;
?>
<link href="/wp-content/themes/bbcorals/css/land.css" rel="stylesheet">
<script type="text/javascript" src="/wp-content/themes/bbcorals/js/owl.carousel.min.js"></script>
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
<div class="clearfix"></div>
<div class="gryffeditor">
<div data-label="Row" data-key="row" data-atomgroup="row" id="r-1658287875899"
class="gf_row gf_row-fluid gf_row-no-padding" data-icon="gpicon-row" data-id="1658287875899"
data-extraclass="">
<div class="gf_column gf_col-lg-12 gf_col-md-12 gf_col-sm-12 gf_col-xs-12" id="c-1656836286395"
data-id="1656836286395">
<div data-label="Row" data-key="row" data-atomgroup="row" id="r-1658287875877"
class="gf_row gf_equal-height" data-icon="gpicon-row" data-id="1658287875877"
data-layout-lg="5+7" data-extraclass="" data-layout-md="5+7" data-layout-sm="12+12"
data-layout-xs="12+12" style="display: flex; flex-wrap: wrap; visibility: visible;">
<div class="gf_column gf_col-xs-12 gf_col-lg-5 gf_col-md-5 gf_col-sm-12" id="c-1656311867461"
data-id="1656311867461"
style="display: flex; flex-direction: column; justify-content: center; min-height: auto;">
<div data-label="Heading" data-key="heading" data-atomgroup="element" id="e-1658287875926"
class="element-wrap" data-icon="gpicon-heading" data-ver="2" data-id="1658287875926">
<div class="elm text-edit gf-elm-center gf-elm-left-md gf-elm-center-lg gf-elm-center-xs gf-elm-center-sm"
data-gemlang="en" data-exc="">
<h2 class="gf_gs-text-heading-2">
<?php echo get_post_meta($post->ID, 'top_text', true); ?>
</h2>
</div>
</div>
<div data-label="Klaviyo" data-key="klaviyo-signup-form" data-atomgroup="module"
id="m-1658282094570" class="module-wrap" data-icon="gpicon-klaviyo" data-ver="1"
data-id="1658282094570" data-compile="false" style="">
<div class="module gf_module-center-lg gf_module-left-md gf_module-center-sm gf_module-center-xs ">
<div class="klaviyo-form-RSZmVU"></div>
</div>
</div>
</div>
<div class="gf_column gf_col-xs-12 gf_col-lg-7 gf_col-md-7 gf_col-sm-12" id="c-1656311869300"
data-id="1656311869300"
style="display: flex; flex-direction: column; justify-content: center; min-height: auto;">
<div data-label="Image" data-key="image" data-atomgroup="element" id="e-1658287875857"
class="element-wrap" data-icon="gpicon-image" data-ver="1.0" data-id="1658287875857"
data-resolution="3000x3000">
<div class="elm gf-elm-center gf_elm-left-xs gf-elm-center-md gf-elm-center-sm gf-elm-center-xs gf-elm-center-lg"
data-exc=""><img
src="/wp-content/themes/bbcorals/images/land/2.png"
alt="" class="gf_image" data-gemlang="en" data-width="100%"
data-height="auto" title="" natural-width="190" natural-height="183"
width="190" height="183"></div>
</div>
</div>
</div>
</div>
</div>
<div data-label="Row" data-key="row" data-atomgroup="row" id="r-1658287875879"
class="gf_row gf_row-fluid gf_row-no-padding" data-icon="gpicon-row" data-id="1658287875879"
data-extraclass="">
<div class="gf_column gf_col-lg-12 gf_col-md-12 gf_col-sm-12 gf_col-xs-12" id="c-1656313323326"
data-id="1656313323326">
<div data-label="Row" data-key="row" data-atomgroup="row" id="r-1658287875835" class="gf_row"
data-icon="gpicon-row" data-id="1658287875835">
<div class="gf_column gf_col-lg-12 gf_col-md-12 gf_col-sm-12 gf_col-xs-12" id="c-1656313334123"
data-id="1656313334123">
<div data-label="Heading" data-key="heading" data-atomgroup="element" id="e-1658287875874"
class="element-wrap" data-icon="gpicon-heading" data-ver="2" data-id="1658287875874">
<div class="elm text-edit gf-elm-center gf-elm-center-md gf-elm-center-lg gf-elm-center-xs gf-elm-center-sm"
data-gemlang="en" data-exc="">
<h2 class="gf_gs-text-heading-2" style="color: #fff!important;">
<?php echo get_post_meta($post->ID, 'promo_Block_title', true); ?>
</h2>
</div>
</div>
</div>
</div>
<div data-label="Row" data-key="row" data-atomgroup="row" id="r-1658287875866" class="gf_row"
data-icon="gpicon-row" data-id="1658287875866" data-layout-lg="4+4+4" data-extraclass=""
data-layout-md="4+4+4" data-layout-sm="12+12+12" data-layout-xs="12+12+12">
<div class="gf_column gf_col-lg-4 gf_col-md-4 gf_col-sm-12 gf_col-xs-12" id="c-1656313311971"
data-id="1656313311971">
<div data-label="Text Block" data-key="text-block" data-atomgroup="element"
id="e-1658287875803" class="element-wrap" data-icon="gpicon-textblock" data-ver="1"
data-id="1658287875803">
<div class="elm text-edit gf-elm-left gf-elm-right-md gf-elm-center-sm gf-elm-center-xs gf-elm-right-lg gf_gs-text-paragraph-1"
data-gemlang="en" data-exc="">
<?php echo get_post_meta($post->ID, 'promo_block_left_top_title', true); ?>
</div>
</div>
<div data-label="Text Block" data-key="text-block" data-atomgroup="element"
id="e-1658287875842" class="element-wrap" data-icon="gpicon-textblock" data-ver="1"
data-id="1658287875842">
<div class="elm text-edit gf-elm-left gf-elm-right-lg gf-elm-right-md gf-elm-center-xs gf-elm-center-sm gf_gs-text-paragraph-1"
data-gemlang="en" data-exc="">
<span style="color: rgb(255, 255, 255);">
<?php echo get_post_meta($post->ID, 'promo_block_left_top_text', true); ?>
</span>
</div>
</div>
<div data-label="Text Block" data-key="text-block" data-atomgroup="element"
id="e-1658287875919" class="element-wrap" data-icon="gpicon-textblock" data-ver="1"
data-id="1658287875919">
<div class="elm text-edit gf-elm-left gf-elm-right-md gf-elm-center-sm gf-elm-center-xs gf-elm-right-lg gf_gs-text-paragraph-1"
data-gemlang="en" data-exc="">
<?php echo get_post_meta($post->ID, 'promo_block_left_bottom_title', true); ?>
</div>
</div>
<div data-label="Text Block" data-key="text-block" data-atomgroup="element"
id="e-1658287875872" class="element-wrap" data-icon="gpicon-textblock" data-ver="1"
data-id="1658287875872">
<div class="elm text-edit gf-elm-left gf-elm-right-lg gf-elm-right-md gf-elm-center-xs gf-elm-center-sm gf_gs-text-paragraph-1"
data-gemlang="en" data-exc="">
<span style="color: rgb(255, 255, 255);">
<?php echo get_post_meta($post->ID, 'promo_block_left_bottom_text', true); ?>
</span>
</div>
</div>
</div>
<div class="gf_column gf_col-lg-4 gf_col-md-4 gf_col-sm-12 gf_col-xs-12" id="c-1656313313543"
data-id="1656313313543">
<div data-label="Image" data-key="image" data-atomgroup="element" id="e-1658287875897"
class="element-wrap" data-icon="gpicon-image" data-ver="1.0" data-id="1658287875897"
data-resolution="3000x3000">
<div class="elm gf-elm-center gf_elm-left-xs gf-elm-center-md gf-elm-center-sm gf-elm-center-xs gf-elm-center-lg"
data-exc="">
<img
src="/wp-content/themes/bbcorals/images/land/20250428_123326-ezgif.com-resize.gif"
alt="" class="gf_image" data-gemlang="en" data-width="200%"
data-height="auto" title="" natural-width="270" natural-height="480"
width="270" height="480"></div>
</div>
</div>
<div class="gf_column gf_col-lg-4 gf_col-md-4 gf_col-sm-12 gf_col-xs-12" id="c-1656313313475"
data-id="1656313313475">
<div data-label="Text Block" data-key="text-block" data-atomgroup="element"
id="e-1658287875823" class="element-wrap" data-icon="gpicon-textblock" data-ver="1"
data-id="1658287875823">
<div class="elm text-edit gf-elm-left gf-elm-left-md gf-elm-center-sm gf-elm-center-xs gf-elm-left-lg gf_gs-text-paragraph-1"
data-gemlang="en" data-exc="">
<?php echo get_post_meta($post->ID, 'promo_block_right_top_title', true); ?>
</div>
</div>
<div data-label="Text Block" data-key="text-block" data-atomgroup="element"
id="e-1658287875830" class="element-wrap" data-icon="gpicon-textblock" data-ver="1"
data-id="1658287875830">
<div class="elm text-edit gf-elm-left gf-elm-left-lg gf-elm-left-md gf-elm-center-xs gf-elm-center-sm gf_gs-text-paragraph-1"
data-gemlang="en" data-exc="">
<span style="color: rgb(255, 255, 255);">
<?php echo get_post_meta($post->ID, 'promo_block_right_top_text', true); ?>
</span>
</div>
</div>
<div data-label="Text Block" data-key="text-block" data-atomgroup="element"
id="e-1658287875884" class="element-wrap" data-icon="gpicon-textblock" data-ver="1"
data-id="1658287875884">
<div class="elm text-edit gf-elm-left gf-elm-left-md gf-elm-center-sm gf-elm-center-xs gf-elm-left-lg gf_gs-text-paragraph-1"
data-gemlang="en" data-exc="">
<?php echo get_post_meta($post->ID, 'promo_block_right_bottom_title', true); ?>
</div>
</div>
<div data-label="Text Block" data-key="text-block" data-atomgroup="element"
id="e-1658287875882" class="element-wrap" data-icon="gpicon-textblock" data-ver="1"
data-id="1658287875882">
<div class="elm text-edit gf-elm-left gf-elm-left-md gf-elm-left-lg gf-elm-center-xs gf-elm-center-sm gf_gs-text-paragraph-1"
data-gemlang="en" data-exc="">
<span style="color: rgb(255, 255, 255);">
<?php echo get_post_meta($post->ID, 'promo_block_right_bottom_text', true); ?>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php wpp_get_testimonials_slider();
$page = ! empty( $_GET['product-page'] ) ? (int) $_GET['product-page'] : 1;
$posts_per_page = 48;
$_args = [
'wpp' => true,
'cache_results' => false,
'post_type' => 'product',
'paged' => $page,
'posts_per_page' => $posts_per_page,
'tax_query' => [
'relation' => 'AND',
[
'taxonomy' => 'product_cat',
'terms' => [ 'homepage' ],
'field' => 'slug'
],
[
'taxonomy' => 'product_cat',
'terms' => [ 'auction' ],
'field' => 'slug',
'operator' => 'NOT IN'
]
],
'meta_query' => [
'relation' => 'AND',
[
'key' => 'prod_cust_type',
'value' => [ 'simple_auction', 'auction' ],
'compare' => 'NOT IN',
],
[
'key' => '_stock_status',
'value' => 'outofstock',
'compare' => '!=',
]
]
];
$order = 'DESC';
$sort_option = ! empty( $_GET["orderby"] ) ? $_GET["orderby"] : 'price-desc';
$_args['orderby'] = $sort_option;
if ( $sort_option == "price-desc" || $sort_option == "price" ) {
$_args['orderby'] = 'meta_value_num';
$_args['meta_key'] = '_price';
}
if ( $sort_option == "price" ) {
$order = 'ASC';
}
if ( ! empty( $_GET['search'] ) ) {
$_args['s'] = $_GET['search'];
}
$_args['order'] = $order;
$productPosts = new WP_Query( $_args );
?>
<section class="woocommerce current-wyswyg-section ">
<div class="container">
<?php if ( $productPosts->have_posts() ) { ?>
<div class="row" style="display: flex; flex-wrap: wrap;">
<div class="col-md-12 col-sm-12 col-xs-12">
<center>
<a href="<?php echo get_site_url(); ?>/product-category/wyswyg/" class="product-cat-link">
<h3 class="custom-title">Live Sale</h3>
</a>
</center>
</div>
<?php
$total = $productPosts->found_posts;
if ( $total > 0 ) {
$items_per_page = $posts_per_page;
$multi_item = $posts_per_page * $page;
if ( $multi_item > $total ) {
$multi_item = $total;
} ?>
<div class="wpp-action-row">
<div class="product-count" style='color: #fff;'>
<span class="custom-prod-count-filter">
<?php printf( 'Showing %s - %s Product of %s', ( ( $page - 1 ) * $items_per_page ) + 1, $multi_item, $total ); ?>
</span>
</div>
<?php get_template_part( 'wpp/templates/catalog-search-form' ); ?>
<form class="woocommerce-ordering" method="get">
<select id="auction-product-sorting" name="orderby" class="orderby" aria-label="Shop order">
<option value="date" <?php selected( $sort_option, 'date' ) ?>>Sort by latest</option>
<option value="price" <?php selected( $sort_option, 'price' ) ?>>Sort by price: low to
high
</option>
<option value="price-desc" <?php selected( $sort_option, 'price-desc' ) ?>>Sort by
price: high to low
</option>
<option value="rand" <?php selected( $sort_option, 'rand' ) ?>>Sort by random</option>
</select>
<input type="hidden" name="product-page" value="<?php echo $page; ?>" autocomplete="off">
<?php if ( ! empty( $_GET['search'] ) ) : ?>
<input type="hidden" name="search" value="<?php echo $_GET['search']; ?>"
autocomplete="off">
<?php endif; ?>
</form>
</div>
</div>
<?php
// woocommerce_product_loop_start();
while ( $productPosts->have_posts() ) {
$productPosts->the_post();
wc_get_template_part( 'content', 'product' );
}
$args = array(
'total' => ceil( $total / $posts_per_page ),
'current' => $page,
'base' => esc_url_raw( add_query_arg( 'product-page', '%#%', false ) ),
'format' => '',
);
wc_get_template( 'loop/pagination.php', $args );
wp_reset_query();
}
?>
<?php
} ?>
</main>
<?php get_footer(); ?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment