e4ddab934c
#Conflicts: # admin/countries.php # cart.php # custom/css/main.css # custom/customfunctions.php # custom/email/order-details-template.php # custom/email/order-invoice-template.php # custom/email/order-notification-template.php # custom/pages/about.php # custom/pages/about_morval.php # custom/settings/config.php # custom/settings/settings.php # functions.php # home.php # products.php # script.js
264 lines
11 KiB
PHP
264 lines
11 KiB
PHP
<?php
|
|
// Prevent direct access to file
|
|
defined(security_key) or exit;
|
|
|
|
//Pagination
|
|
$current_page = isset($_GET['p']) && is_numeric($_GET['p']) ? (int)$_GET['p'] : 1;
|
|
$num_products_on_each_page = 25;
|
|
|
|
//GET Details from URL
|
|
$GET_VALUES = urlGETdetails($_GET) ?? '';
|
|
|
|
//Get all the categories from the database
|
|
$categories = ioAPIv2('/v2/categories/','',$clientsecret);
|
|
$categories = json_decode($categories,true);
|
|
|
|
//IF CATEGORY IS RECEIVED ONLY GET RELATED PRODUCTS
|
|
$url_input = '';
|
|
if(isset($_GET['category']) && !isset($_POST['category'])){
|
|
$url_input = 'category='.$_GET['category'];
|
|
}
|
|
|
|
if (isset($_POST['category'])){
|
|
|
|
$filter_input = '';
|
|
|
|
foreach (array_keys($_POST['category']) as $cat_filter){
|
|
$filter_input .= $cat_filter.',';
|
|
}
|
|
|
|
if ($url_input != ''){
|
|
$url_input = $url_input.','.substr($filter_input,0, -1);
|
|
|
|
} else {
|
|
$url_input = 'category='.substr($filter_input,0, -1);
|
|
}
|
|
}
|
|
|
|
//GET CATALOG DATA
|
|
$products = ioAPIv2('/v2/catalog/'.$url_input,'',$clientsecret);
|
|
$products = json_decode($products,true);
|
|
$total_products = count($products);
|
|
<<<<<<< HEAD
|
|
=======
|
|
|
|
//SORT BY NAME
|
|
usort($products, function($a, $b) {
|
|
return strcmp($a['productname'], $b['productname']);
|
|
});
|
|
>>>>>>> development
|
|
|
|
//INCLUDE THE HEADER
|
|
$view = template_header($products_text,'');
|
|
|
|
$view .= '
|
|
<!-- Hero Section -->
|
|
<section class="hero" style="background-image:url('.base_url.featured_store_image.');">
|
|
<div class="hero-content">
|
|
<h1>'.$h1_content_top.'</h1>
|
|
</div>
|
|
</section>';
|
|
|
|
|
|
$view .= '
|
|
<div class="container" style="padding: 20px;">
|
|
<button class="filter-button" id="filterToggle">'.($products_filters_h2 ?? 'Show filters').'</button>
|
|
|
|
<div class="filters-products-container">
|
|
|
|
<div class="filters" id="filters">
|
|
<form action="" method="post">';
|
|
|
|
if (count($categories) > 0){
|
|
//BUILD UP FILTERS BASED ON CATEGORY ASSIGNMENTS
|
|
foreach ($categories as $filters){
|
|
|
|
if ($filters['parent_id'] == '0' && $filters['status'] == 1 && $filters['filter'] == 1){
|
|
$view .= '<div class="filter-section">
|
|
<h3>'.(${$filters['name']} ?? $filters['name']).'</h3>
|
|
<div class="filter-options"> ';
|
|
//Iterate through categories for subfilters
|
|
foreach ($categories as $subfilter){
|
|
if ($filters['rowID'] == $subfilter['parent_id'] && $subfilter['status'] == 1 && $subfilter['filter'] == 1){
|
|
$view .= '
|
|
<div class="filter-option">
|
|
<input type="checkbox" id="'.$subfilter['name'].'" name="category['.$subfilter['rowID'].']">
|
|
<label for="'.$subfilter['name'].'">'.(${$subfilter['name']} ?? $subfilter['name']).'</label>
|
|
</div>';
|
|
}
|
|
}
|
|
$view .= '</div>
|
|
</div>';
|
|
}
|
|
}
|
|
$view .= '
|
|
<div class="filter-option">
|
|
<input type="submit" value="'.($btn_filter ?? 'Filter').'" class="btn" >
|
|
</div>';
|
|
}
|
|
$view .= '</form>
|
|
</div>
|
|
<div class="products">
|
|
<div class="product-grid">';
|
|
|
|
foreach ($products as $product){
|
|
<<<<<<< HEAD
|
|
|
|
// Ensure product price is a numeric value
|
|
$product_price = isset($product['price']) && $product['price'] > 0 ? floatval($product['price']) : 0.00;
|
|
|
|
//SHOW LARGE PICTURE
|
|
$view .= '
|
|
<div class="product-card">
|
|
<a href="'.url('index.php?page=product&rowID=' . ($product['url_slug'] ? ($product['url_slug'] ) : $product['rowID'])).'" id="'.$product['rowID'].'A" class="product">
|
|
=======
|
|
|
|
// Ensure product price is a numeric value
|
|
$product_price = isset($product['price']) && $product['price'] > 0 ? floatval($product['price']) : 0.00;
|
|
|
|
|
|
$view .= '
|
|
<div class="product-card">
|
|
<a href="'.url('index.php?page=product&rowID=' . ($product['url_slug'] ? ($product['url_slug'] ) : $product['rowID'])).(!empty($product['main_option_for_display']) ? '/'.$product['main_option_for_display']:'').'" id="'.$product['rowID'].'A" class="product">
|
|
>>>>>>> development
|
|
<img src="'.img_url.$product['full_path'].'" id="'.$product['rowID'].'" width="" height="250" alt="'.(${$product['productname']} ?? $product['productname']).'">
|
|
</a>';
|
|
|
|
//CHECK IF CONFIGURATION SETTING IS FOUND AND NOT EMPTY => USE GROUP TO DISPLAY IMAGES
|
|
if (isset($product['configurations']) && isset($product['config_setting']) && $product['config_setting'] != ''){
|
|
<<<<<<< HEAD
|
|
|
|
|
|
=======
|
|
|
|
|
|
>>>>>>> development
|
|
//GET THE CONFIG_SETTING GROuP AND DISPLAY
|
|
foreach ($product['configurations'] as $config){
|
|
|
|
//MATCH ASSIGNMENT WITH CONFIG SETTING
|
|
if($config['assignment'] == $product['config_setting']){
|
|
|
|
$view .= '<div class="" style="display:flex;justify-content: center">';
|
|
|
|
//GET ALL RELATED ATTRIBUTES
|
|
foreach ($config['attributes'] as $attribute){
|
|
$option_id = $attribute['attribute_id']; // ID of the LARGE IMAGE
|
|
$IMG_small_id = img_url.$attribute['full_path']; //URL TO SMALL IMAGE
|
|
$IMG_large_id = img_url.$attribute['alternative_media_full_path']; //URL TO LARGE IMAGE
|
|
|
|
// Ensure attribute price is a numeric value
|
|
$attribute_price = isset($attribute['price']) ? floatval($attribute['price']) : 0.00;
|
|
|
|
$option_price = isset($attribute['price'])
|
|
// If price modifier is 1, add prices; otherwise, subtract
|
|
? ((isset($attribute['price_modifier']) && $attribute['price_modifier'] == 1) ? currency_code . number_format(floatval($product_price + $attribute_price), 2) : currency_code . number_format(floatval($product_price - $attribute_price), 2))
|
|
// If product price is not zero, format it
|
|
: (($product_price != 0.00) ? currency_code . number_format(floatval($product_price), 2) : '');
|
|
|
|
$view .= '
|
|
<div>
|
|
<img class="img_config" src="'.$IMG_small_id.'" id="'.$attribute['item_media'].'" onclick="update(\''.$product['rowID'].'\',\''.$IMG_large_id.'\',\''.url('index.php?page=product&rowID=' . ($product['url_slug'] ? $product['url_slug'].'/'.$option_id : $product['rowID'].'/'.$option_id )).'\',\''.$option_price.'\')" />
|
|
</div>';
|
|
}
|
|
|
|
$view .= '</div>';
|
|
|
|
}
|
|
}
|
|
|
|
} else {
|
|
//SHOW SMALL IMAGE
|
|
$view .= '<div class="" style="display:flex;justify-content: center">
|
|
<div>
|
|
<img class="img_config" src="'.img_url.$product['full_path'].'"/>
|
|
</div>
|
|
</div>';
|
|
}
|
|
|
|
//Stock status
|
|
$stock_status = (isset($product['quantity']) && $product['quantity'] != 0) ? $product_on_stock : $out_of_stock;
|
|
$style = ($stock_status == $product_on_stock) ? 'style="color: green;"' : 'style="background-color:gray;font-weight: lighter;"';
|
|
|
|
$view .= '
|
|
<span class="stock">
|
|
<p '.$style.'> '.$stock_status.'</p>
|
|
</span>';
|
|
|
|
if (free_shipment_indicator){
|
|
$shipment = freeShipment($product_price,'span');
|
|
$view .= $shipment;
|
|
}
|
|
$option_id ='';
|
|
$view .='<a href="'.url('index.php?page=product&rowID=' . ($product['url_slug'] ? $product['url_slug'].$option_id : $product['rowID'])).'" id="'.$product['rowID'].'B" class="product">
|
|
<span class="products_name">'.(${$product['productname']} ?? $product['productname']).'</span>';
|
|
|
|
if (isset($product_price)){
|
|
|
|
<<<<<<< HEAD
|
|
$view .= '<span class="products_price" id="'.$product['rowID'].'C">'.(($product_price != 0.00) ? currency_code.number_format($product_price,2) : '').'';
|
|
=======
|
|
$view .= '<span class="products_price" id="'.$product['rowID'].'C">'.(($product_price != 0.00) ? '<span class="price-from">'.$price_from.' </span>'.currency_code.number_format($product_price,2) : '').'';
|
|
>>>>>>> development
|
|
|
|
if (isset($product['rrp']) && $product['rrp'] > 0){
|
|
$view .= '<span class="products_rrp">'.currency_code.number_format($product['rrp'],2).'</span>';
|
|
}
|
|
$view .= '</span>';
|
|
}
|
|
$view .= '
|
|
</a>
|
|
</div>';
|
|
}
|
|
$view .= '
|
|
</div>
|
|
<div class="buttons">';
|
|
if ($current_page > 1) {
|
|
$view .= '<a href="'.url('index.php?page=products&p=' . ($current_page-1) . $url_input . '&sort=' . $sort).'" class="btn">Prev</a>';
|
|
}
|
|
if ($total_products > ($current_page * $num_products_on_each_page)){
|
|
$view .= '<a href="'.url('index.php?page=products&p=' . ($current_page+1) . $url_input . '&sort=' . $sort).'" class="btn">Next</a>';
|
|
}
|
|
$view .= '</div>';
|
|
|
|
$view .= '
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>';
|
|
|
|
|
|
$view .= template_footer();
|
|
|
|
$view .= '
|
|
<script>
|
|
function update(id_large, IMG_large, option_id, price){
|
|
let url_id_a = id_large + \'A\';
|
|
let url_id_b = id_large + \'B\';
|
|
let url_id_c = id_large + \'C\';
|
|
|
|
//change picture
|
|
document.getElementById(id_large).src = IMG_large;
|
|
document.getElementById(url_id_a).href = option_id;
|
|
document.getElementById(url_id_b).href = option_id;
|
|
document.getElementById(url_id_c).innerHTML = price;
|
|
document.getElementById(url_id_c).style = price;
|
|
}
|
|
</script>
|
|
<script>
|
|
// Simple filter toggle for mobile
|
|
const filterToggle = document.getElementById(\'filterToggle\');
|
|
const filters = document.getElementById(\'filters\');
|
|
|
|
filterToggle.addEventListener(\'click\', () => {
|
|
filters.classList.toggle(\'show\');
|
|
filterToggle.textContent = filters.classList.contains(\'show\') ? \'Hide Filters\' : \'Show Filters\';
|
|
});
|
|
</script>
|
|
';
|
|
|
|
//OUTPUT
|
|
echo $view;
|
|
|
|
|
|
?>
|