ok
Mini Shell
<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<style>
@media (max-width: 992px){
#backstyle {
background-image: url(<?php echo base_url()."uploads/images/offer_bg.jpg"; ?>);
background-repeat: no-repeat;
border-radius: 15px;
margin-top: -105% !important;
margin-bottom: 6%;
}
#product-icon-style {
color: #bcff07;
font-size: 35px;
padding-top: 4px;
}
#productstyle{
color: #f6465d;
padding-top: 0px;
margin-left: 41px;
font-size: 14px;
font-weight: 600;
margin-top: -14%;;
}
#payment_icon_style{
color: #bcff07;
font-size: 35px;
padding-top: 4px;
margin-top: -18%;
margin-right: 38%;
position: fixed;
}
#payment-style{
color: #f6465d;
padding-top: 8px;
margin-left: 63%;
font-size: 14px;
font-weight: 600;
margin-top: -26%;
}
#payment-style2{
font-size: 14px;
}
#payment-icon-style-2{
display: flex;
justify-content: end;
margin-top: 2%;
}
#mainstyle{
margin-top: 10%;
}
.list{
margin-bottom: 10px;
margin-top: -5%;
}
}
@media (min-width: 1260px){
#imagestyle {
border-radius: 50%;
height: 233px;
width: 250px;
border: 4px solid #986dca;
}
}
@media (min-width: 1200px){
#backstyle {
background-image: url(https://www.selectionsilks.com/uploads/images/offer_bg.jpg);
background-repeat: no-repeat;
border-radius: 15px;
border-radius: 15px;
margin-top: -22%;
margin-bottom: 2%;
}
.list{
margin-top: -2%;
}
#product-icon-style {
color: #bcff07;
font-size: 35px;
padding-top: 4px;
}
#productstyle{
color: #f6465d;
padding-top: 8px;
margin-left: -15px;
font-size: 14px;
font-weight: 600;
}
#productstyle2{
font-size: 18px;
}
#payment_icon_style{
color: #bcff07;
font-size: 35px;
padding-top: 4px;
}
#payment-style{
color: #f6465d;
padding-top: 8px;
margin-left: -15px;
font-size: 14px;
font-weight: 600;
}
#payment-style2{
font-size: 18px;
}
#products-icon-style-2{
display: flex;
justify-content: end;
}
#payment-icon-style-2{
display: flex;
justify-content: end;
}
#mainstyle{
margin-top: 2%;
}
#wrapper {
width: 100%;
display: block;
position: relative;
min-height: 600px;
padding-top: 30px;
margin-top: 4% !important;
}
}
@media (max-width: 768px){
#wrapper {
margin-top: 56%;
margin-bottom: -104%;
}
}
@media (max-width: 410px){
.index-wrapper{
/*margin-bottom:-70%; */
}
.venki{
margin-top: -8% !important;
margin-bottom: 22%;
}
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<div id="wrapper" class="index-wrapper venki" id="mainstyle" >
<div class="container">
<div class="row">
<div class="col-12">
<?php $this->load->view('product/_special_offers'); ?>
</div>
</div>
</div>
</div>
<div class="col-12" id="backstyle">
<div class="row">
<div class="col-md-6 col-sm-3">
<div class="row">
<div class="col-md-4 col-sm-4" id="products-icon-style-2">
<i class="bi bi-check-circle" id="product-icon-style"></i>
</div>
<div class="col-md-8 col-sm-8">
<p id="productstyle"><span id="productstyle2">100% ORIGINAL</span><br>
PRODUCTS</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-3" style="height: 0px;">
<div class="row">
<div class="col-md-4 col-sm-4" id="payment-icon-style-2">
<i class="bi bi-check-circle"></i>
<i id="payment_icon_style" class="bi bi-shield-lock"></i>
</div>
<div class="col-md-8 col-sm-8">
<p id="payment-style"><span id="payment-style2">100% SECURE</span><br>
PAYMENTS</p>
</div>
</div>
</div>
</div>
</div>
<div class="section-slider">
<?php if (!empty($slider_items) && $this->general_settings->slider_status == 1):
$this->load->view("partials/_main_slider");
endif; ?>
</div>
<?php if (!empty($this->parent_categories)){ ?>
<div id="wrapper1" class="index-wrapper">
<div class="container" style="padding:20px 20px;">
<div class="row">
<?php foreach ($this->parent_categories as $category){ if($category->image==''){ $category->image='assets/img/no-image.jpg';} ?>
<div class="col-3 col-sm-3 col-md-2 col-mds-2 col-product" style="padding:10px;">
<a href="<?php echo generate_category_url($category); ?>"> <center> <img src="<?=$category->image?>"
data-lazy="<?=$category->image?>" alt="<?=category_name($category)?>" class="img-fluid"
style=" border-radius: 100px;width:100%;height:100%;">
<br><b><?=category_name($category)?></b>
<br>
<!--Product Count : <b><?=$category->count?></b></center></a>-->
</div>
<?php $subcategories = !empty($this->categories_array[$category->id]) ? $this->categories_array[$category->id] : null;
if (!empty($subcategories) && 0){
foreach ($subcategories as $subcategory){
if($subcategory->image==''){ $subcategory->image='assets/img/no-image.jpg';}
?>
<div class="row">
<div class="col-3 col-sm-3 col-md-3 col-mds-3 col-product" style="padding:10px;">
<a href="<?php echo generate_category_url($subcategory); ?>"> <center> <img src="<?=$subcategory->image?>"
data-lazy="<?=$subcategory->image?>" alt="<?=category_name($subcategory)?>" class=""
style=" border-radius: 100px;width:50px;height:50px;">
<br><b><?=category_name($subcategory)?></b>
</center></a>
</div>
</div>
<?php } } ?>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
<!-- Wrapper -->
<div id="wrapper" class="index-wrapper">
<div class="container">
<div class="row">
<h1 class="index-title"><?php echo html_escape($this->settings->site_title); ?></h1>
<?php if (item_count($featured_categories) > 0 && $this->general_settings->featured_categories == 1): ?>
<div class="col-12 section section-categories">
<!-- featured categories -->
<?php $this->load->view("partials/_featured_categories"); ?>
</div>
<?php endif; ?>
<center>
<?php
if (!empty($this->parent_categories)){
foreach ($this->parent_categories as $category){
//print_r($category);
// echo category_name($category).'<br>';
}
}
?>
</center>
<?php $this->load->view("product/_index_banners", ['banner_location' => 'featured_categories']); ?>
<div class="col-12">
<div class="row-custom row-bn">
<!--Include banner-->
<?php $this->load->view("partials/_ad_spaces", ["ad_space" => "index_1", "class" => ""]); ?>
</div>
</div>
<?php if ($this->general_settings->index_promoted_products == 1 && $this->general_settings->promoted_products == 1 && !empty($promoted_products)): ?>
<div class="col-12 section section-promoted">
<!-- promoted products -->
<?php $this->load->view("product/_featured_products"); ?>
</div>
<?php endif; ?>
<?php $this->load->view("product/_index_banners", ['banner_location' => 'featured_products']); ?>
<?php if ($this->general_settings->index_latest_products == 1 && !empty($latest_products)): ?>
<div class="col-12 section section-latest-products list">
<h3 class="title">
<a href="<?= generate_url('products'); ?>"><?= trans("new_arrivals"); ?></a>
</h3>
<p class="title-exp"><?php echo trans("latest_products_exp"); ?></p>
<div class="row row-product">
<!--print products-->
<?php foreach ($latest_products as $product): ?>
<div class="col-12 col-sm-4 col-md-3 col-mds-6 col-product">
<?php $this->load->view('product/_product_item', ['product' => $product, 'promoted_badge' => false, 'is_slider' => 0, 'discount_label' => 0]); ?>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
<?php $this->load->view("product/_index_banners", ['banner_location' => 'new_arrivals']); ?>
<?php $this->load->view('product/_index_category_products', ['index_categories' => $index_categories]); ?>
<div class="col-12">
<div class="row-custom row-bn">
<?php $this->load->view("product/_price_offer"); ?>
</div>
</div>
<div class="col-12">
<div class="row-custom row-bn">
<!--Include banner-->
<?php $this->load->view("partials/_ad_spaces", ["ad_space" => "index_2", "class" => ""]); ?>
</div>
</div>
<?php if ($this->general_settings->index_blog_slider == 1 && !empty($blog_slider_posts)): ?>
<div class="col-12 section section-blog m-0">
<h3 class="title">
<a href="<?= generate_url('blog'); ?>"><?= trans("latest_blog_posts"); ?></a>
</h3>
<p class="title-exp"><?php echo trans("latest_blog_posts_exp"); ?></p>
<div class="row-custom">
<!-- main slider -->
<?php $this->load->view("blog/_blog_slider", ['blog_slider_posts' => $blog_slider_posts]); ?>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
Zerion Mini Shell 1.0