product page changes

This commit is contained in:
sujan 2024-08-12 12:06:31 +05:45
parent a2fa49071a
commit 5189eb5086
31 changed files with 61 additions and 15 deletions

View File

@ -29,8 +29,10 @@ h6 {
font-size: 10.2px; font-size: 10.2px;
} }
a { a {
color: #23a1d1; color: #c71c6c;
text-decoration: none; text-decoration: none;
font-size: 16px;
font-weight: 0600;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
@ -259,7 +261,7 @@ footer a {
} }
#menu .dropdown-inner ul li a:hover { #menu .dropdown-inner ul li a:hover {
color: #ffffff; color: #ffffff;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-image: linear-gradient(to bottom, #d82a80, #c71c6c);
} }
#menu .dropdown-inner a { #menu .dropdown-inner a {
min-width: 160px; min-width: 160px;
@ -268,7 +270,7 @@ footer a {
clear: both; clear: both;
line-height: 20px; line-height: 20px;
color: #333333; color: #333333;
font-size: 12px; font-size: 14px;
} }
#menu .see-all { #menu .see-all {
display: block; display: block;
@ -284,7 +286,7 @@ footer a {
text-decoration: none; text-decoration: none;
color: #ffffff; color: #ffffff;
background-color: #229ac8; background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-image: linear-gradient(to bottom, #d82a80, #c71c6c);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
#menu #category { #menu #category {
@ -305,6 +307,7 @@ footer a {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
padding: 10px 15px 10px 15px; padding: 10px 15px 10px 15px;
min-height: 15px; min-height: 15px;
font-size: 15px;
background-color: transparent; background-color: transparent;
} }
#menu .navbar-nav > li > a:hover { #menu .navbar-nav > li > a:hover {
@ -644,12 +647,51 @@ footer h5 {
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #FFFFFF;
} }
.list-unstyled li { .list-unstyled li {
margin-bottom: 8px; margin-bottom: 8px;
} }
.nav-item dropdown li a0 { .nav-item dropdown li a0 {
font-size: 14px !important; font-size: 14px !important;
font-weight: 500; font-weight: 500;
} }
.ekdant-btn {
width: 150px;
border: none;
border-radius: 0px;
padding: 10px 30px;
background: #c71c6c;
color: white;
}
.ekdant-btn:hover {
background: #e31f83;
color: white;
}
.wishlist-btn {
font-size: 16px;
margin-right: 20px;
border: none;
}
.wishlist-btn i {
padding-right: 10px;
}
.list-unstyled li {
font-size: 16px;
}
.qty {
font-size: 16px;
}
.nav-link {
font-size: 16px;
}
.nav-tabs .nav-link.active {
background: #c71c6c;
color: #fff;
}
.tab-content {
font-size: 16px;
}
.list-group-item.active{
background: #c71c6c;
border: none;
border-radius: 0px;
}

View File

@ -32,7 +32,7 @@
{% endif %} {% endif %}
<div class="col-sm"> <div class="col-sm">
<h1>{{ heading_title }}</h1> <h1>{{ heading_title }}</h1><hr>
<ul class="list-unstyled"> <ul class="list-unstyled">
{% if manufacturer %} {% if manufacturer %}
@ -46,7 +46,7 @@
{% endif %} {% endif %}
<li>{{ text_stock }} {{ stock }}</li> <li>{{ text_stock }} {{ stock }}</li>
</ul> </ul><hr>
{% if price %} {% if price %}
<ul class="list-unstyled"> <ul class="list-unstyled">
@ -77,11 +77,11 @@
{% endif %} {% endif %}
</ul> </ul>
{% endif %} {% endif %}
<hr>
<form method="post" data-oc-toggle="ajax"> <form method="post" data-oc-toggle="ajax">
<div class="btn-group"> <div class="btn-group">
<button type="submit" formaction="{{ add_to_wishlist }}" data-bs-toggle="tooltip" class="btn btn-light" title="{{ button_wishlist }}"><i class="fa-solid fa-heart"></i></button> <button type="submit" formaction="{{ add_to_wishlist }}" data-bs-toggle="tooltip" class="btn btn-light wishlist-btn" title="{{ button_wishlist }}"><i class="fa-solid fa-heart"></i>Add To Wishlist</button>
<button type="submit" formaction="{{ add_to_compare }}" data-bs-toggle="tooltip" class="btn btn-light" title="{{ button_compare }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></button> <button type="submit" formaction="{{ add_to_compare }}" data-bs-toggle="tooltip" class="btn btn-light wishlist-btn" title="{{ button_compare }}"><i class="fa-solid fa-arrow-right-arrow-left"></i>Add To Compare</button>
</div> </div>
<input type="hidden" name="product_id" value="{{ product_id }}"/> <input type="hidden" name="product_id" value="{{ product_id }}"/>
</form> </form>
@ -235,12 +235,12 @@
{% endif %} {% endif %}
<div class="mb-3"> <div class="mb-3">
<label for="input-quantity" class="form-label">{{ entry_qty }}</label> <label for="input-quantity" class="form-label qty">{{ entry_qty }}</label>
<input type="text" name="quantity" value="{{ minimum }}" size="2" id="input-quantity" class="form-control"/> <input type="text" name="quantity" value="{{ minimum }}" size="2" id="input-quantity" class="form-control"/>
<input type="hidden" name="product_id" value="{{ product_id }}" id="input-product-id"/> <input type="hidden" name="product_id" value="{{ product_id }}" id="input-product-id"/>
<div id="error-quantity" class="form-text"></div> <div id="error-quantity" class="form-text"></div>
<br/> <br/>
<button type="submit" id="button-cart" class="btn btn-primary btn-lg btn-block">{{ button_cart }}</button> <button type="submit" id="button-cart" class="btn btn-primary btn-lg btn-block ekdant-btn">{{ button_cart }}</button>
</div> </div>
{% if minimum > 1 %} {% if minimum > 1 %}
@ -248,6 +248,8 @@
{% endif %} {% endif %}
</div> </div>
{% if review_status %} {% if review_status %}
{#
<!-- this is rating section-->
<div class="rating"> <div class="rating">
<p>{% for i in 1..5 %} <p>{% for i in 1..5 %}
{% if rating < i %} {% if rating < i %}
@ -258,6 +260,8 @@
{% endfor %} {% endfor %}
<a href="" onclick="$('a[href=\'#tab-review\']').tab('show'); return false;">{{ text_reviews }}</a> / <a href="" onclick="$('a[href=\'#tab-review\']').tab('show'); return false;">{{ text_write }}</a></p> <a href="" onclick="$('a[href=\'#tab-review\']').tab('show'); return false;">{{ text_reviews }}</a> / <a href="" onclick="$('a[href=\'#tab-review\']').tab('show'); return false;">{{ text_write }}</a></p>
</div> </div>
<!-- this is rating section End-->
#}
{% endif %} {% endif %}
</form> </form>
</div> </div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
image/cache/catalog/demo/hp_1-47x47.jpg vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

BIN
image/cache/catalog/demo/hp_2-74x74.jpg vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
image/cache/catalog/demo/hp_3-74x74.jpg vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB