Skip to content

tetiana yaremko / web-app-group2

Go to a project
Commit f42c3613 by tetiana yaremko
Options

single product page implemented

parent 5d7e33ed
Inline Side-by-side
Showing with 24 additions and 19 deletions
application/hooks/acl.php
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
$allowAll['home']['products']=true; $allowAll['home']['products']=true;
$allowAll['home']['all_products']=true; $allowAll['home']['all_products']=true;
$allowAll['home']['filter_products']=true; $allowAll['home']['filter_products']=true;
$allowAll['home']['item']=true;
$allowAll['cart']['add_to_cart']=true; $allowAll['cart']['add_to_cart']=true;
$allowAll['cart']['show_cart']=true; $allowAll['cart']['show_cart']=true;
$allowAll['cart']['load_cart']=true; $allowAll['cart']['load_cart']=true;
......
application/models/Admin_model.php
...@@ -52,7 +52,7 @@ class Admin_model extends CI_Model ...@@ -52,7 +52,7 @@ class Admin_model extends CI_Model
//get product item data in order to update //get product item data in order to update
public function get_product($item_id) { public function get_product($item_id) {
$this->db->select('product.id, product.artist, product.title, product.genre, product.description, product.price, product.q_ty, product.image, status.status, feature.feature'); $this->db->select('product.id, product.artist, product.title, product.genre, product.description, product.price, product.q_ty, product.image, status.status, product.feature');
$this->db->from('product'); $this->db->from('product');
$this->db->join('status', 'product.status_id = status.id_status'); $this->db->join('status', 'product.status_id = status.id_status');
$this->db->where('id', $item_id); $this->db->where('id', $item_id);
...@@ -127,7 +127,7 @@ class Admin_model extends CI_Model ...@@ -127,7 +127,7 @@ class Admin_model extends CI_Model
<span class="badge rounded-0">Exclusive</span>'; <span class="badge rounded-0">Exclusive</span>';
} }
$output .=' $output .='
<a href="<?php echo base_url(); ?>index.php/items/item1"> <a href="'.base_url('index.php/home/item/'.$row['id']).'">
<img class="shop-item-image" src="'.base_url('uploads/'.$row['image']).'" alt=""/> <img class="shop-item-image" src="'.base_url('uploads/'.$row['image']).'" alt=""/>
</a> </a>
......
application/views/templates/footer.php
...@@ -11,36 +11,36 @@ ...@@ -11,36 +11,36 @@
</head> </head>
<style> <style>
.container-fluid{ .footer{
background-color: #101010; background-color: #101010;
color: whitesmoke; color: whitesmoke;
} }
.container-fluid > .row:first-of-type{ .footer > .row:first-of-type{
background-color: black; background-color: black;
} }
.container-fluid a, .footer a,
.container-fluid p{ .footer p{
color:whitesmoke; color:whitesmoke;
font-size: 1.1rem; font-size: 1.1rem;
} }
.container-fluid ul { .footer ul {
list-style-type: none; list-style-type: none;
} }
.container-fluid ul > li:first-of-type, .container-fluid p:first-of-type { .footer ul > li:first-of-type, .footer p:first-of-type {
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: bold;
font-size: 1.3rem; font-size: 1.3rem;
} }
.container-fluid li { .footer li {
margin: 5px 0; margin: 5px 0;
} }
.container-fluid .container ul li i { .footer .container ul li i {
font-size: 1.4rem; font-size: 1.4rem;
} }
</style> </style>
<body> <body>
<div class="container-fluid"> <div class="container-fluid footer">
<div class="row py-4 justify-content-center"> <div class="row py-4 justify-content-center">
<a class="mr-3" href="https://www.facebook.com/tania.yaremko" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a> <a class="mr-3" href="https://www.facebook.com/tania.yaremko" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a>
......
application/views/templates/header.php
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<title>retro record</title> <title>retro record</title>
<link rel="stylesheet" href="<?php echo base_url(); ?>asset/css/home.css" type="text/css"> <link rel="stylesheet" href="<?php echo base_url(); ?>asset/css/home.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url(); ?>asset/css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="<?php echo base_url(); ?>asset/css/bootstrap.min.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head> </head>
......
application/views/templates/home_t.php
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<link href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="<?php echo base_url(); ?>asset/css/home.css" type="text/css"> <link rel="stylesheet" href="<?php echo base_url(); ?>asset/css/home.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url(); ?>asset/css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="<?php echo base_url(); ?>asset/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
<?php if($item->feature=='recommended') { ?> <?php if($item->feature=='recommended') { ?>
<div class="shop-item"> <div class="shop-item">
<div class="image"> <div class="image">
<a href="<?php echo base_url(); ?>index.php/items/item1"> <a href="<?php echo base_url(); ?>index.php/home/item/<?php echo $item->id;?>">
<img class="shop-item-image" src="<?php echo base_url("uploads/".$item->image) ?>" alt="Ariana Grande: thank u, next exclusive clear/pink lp"/> <img class="shop-item-image" src="<?php echo base_url("uploads/".$item->image) ?>" alt="Ariana Grande: thank u, next exclusive clear/pink lp"/>
</a> </a>
<?php if($item->status=='sold'): ?> <?php if($item->status=='sold'): ?>
......
asset/css/home.css
...@@ -3,7 +3,7 @@ body { ...@@ -3,7 +3,7 @@ body {
overflow-y: scroll; overflow-y: scroll;
position: relative; position: relative;
background: #fff; background: #fff;
font-style: Helvetica; font-family: 'Lato', sans-serif;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px; letter-spacing: -1px;
...@@ -27,6 +27,9 @@ body { ...@@ -27,6 +27,9 @@ body {
} }
.bolder {
font-weight: bold;
}
div { div {
display: block; display: block;
} }
...@@ -37,7 +40,7 @@ div { ...@@ -37,7 +40,7 @@ div {
} }
.shipping-offer { .shipping-offer {
background-color: #203229; background-color: #3a3a3a;
color: whitesmoke; color: whitesmoke;
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -152,7 +155,7 @@ div { ...@@ -152,7 +155,7 @@ div {
.head-offer { .head-offer {
margin-top: 132px; margin-top: 132px;
background-color: #2D473A; background-color: #3a3a3a;
box-shadow: 5px 10px 8px #4c7762; box-shadow: 5px 10px 8px #4c7762;
} }
.offer-list { .offer-list {
...@@ -161,12 +164,12 @@ div { ...@@ -161,12 +164,12 @@ div {
} }
.offer { .offer {
justify-content: space-around; justify-content: space-around;
background-color: #2D473A; background-color: #3a3a3a;
} }
.row .see-all-btn { .row .see-all-btn {
font-size: 1.3rem; font-size: 1.3rem;
font-weight: bold; font-weight: bold;
background-color: #2D473A; background-color: #3a3a3a;
color: #AE860D; color: #AE860D;
} }
@media (max-width: 950px) { @media (max-width: 950px) {
...@@ -316,7 +319,7 @@ div { ...@@ -316,7 +319,7 @@ div {
position: absolute; position: absolute;
top: 80%; top: 80%;
right: 0; right: 0;
background-color: #2D473A; background-color: #3a3a3a;
text-transform: uppercase; text-transform: uppercase;
padding:0.1rem 0.5rem ; padding:0.1rem 0.5rem ;
transition: all 0.3s linear; transition: all 0.3s linear;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment