Hello
After adding this code that works well for the add to cart button,
A part of the theme has also been modified in product page.
Opencart 3.0.2.0
My theme oc-light http://www.spearthemes.com/oc-light/
1. Replace you css code with :
.btn-default {
transition: 0.4s;
color: #fff;
background-color: #303030;
text-transform: uppercase;
position:relative;
padding-right:52px;
width:100%
}
.fa-shopping-cart {
position:absolute;
right:0px;
top:0px;
padding:9px 12px 7px 10px;
background:red;
height:100%;
font-size:130%;
}
.product-thumb {
padding-bottom: 0px;
}
2. Navigate to catalog/view/theme/oc-light/template/common/header.twig
Search for <i class="fa fa-shopping-cart"> and replace it with <i class="fa fa-shopping-bag">
A part of the theme has also been modified in product page.
There is still something to go back to the original theme, but the modification to the add to cart button remains.
Thank you
Hello
In the header we did not find anything under the name of shopping bag
I want to keep shopping bag
Original site
http://prntscr.com/l8dq84
My site modified after I've added the code above
http://prntscr.com/l8dr8z
But some of the theme in the product has changed
The front part of the theme works
I put some of the code header .twig
{% else %}
<li><a href="{{ register }}">{{ text_register }}</a></li>
<li><a href="{{ login }}">{{ text_login }}</a></li>
{% endif %}
</ul>
</li>
<li><a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_shopping_cart }}</span></a></li>
<li><a href="{{ checkout }}" title="{{ text_checkout }}"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_checkout }}</span></a></li>
</ul>
</div>
</div>
</nav>
<header>
<div class="container">
<div class="row">
<div class="col-sm-3">
<div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive logofix" /></a>{% else %}
<h1><a href="{{ home }}">{{ name }}</a></h1>
{% endif %}</div>
</div>
<div class="col-sm-6">{{ search }}</div>
<div class="col-sm-3">{{ cart }}</div>
</div>
</div>
</header>
{{ menu }}
Thank you
In the header we did not find anything under the name of shopping bag
I want to keep shopping bag
Original site
http://prntscr.com/l8dq84
My site modified after I've added the code above
http://prntscr.com/l8dr8z
But some of the theme in the product has changed
The front part of the theme works
I put some of the code header .twig
{% else %}
<li><a href="{{ register }}">{{ text_register }}</a></li>
<li><a href="{{ login }}">{{ text_login }}</a></li>
{% endif %}
</ul>
</li>
<li><a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_shopping_cart }}</span></a></li>
<li><a href="{{ checkout }}" title="{{ text_checkout }}"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_checkout }}</span></a></li>
</ul>
</div>
</div>
</nav>
<header>
<div class="container">
<div class="row">
<div class="col-sm-3">
<div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive logofix" /></a>{% else %}
<h1><a href="{{ home }}">{{ name }}</a></h1>
{% endif %}</div>
</div>
<div class="col-sm-6">{{ search }}</div>
<div class="col-sm-3">{{ cart }}</div>
</div>
</div>
</header>
{{ menu }}
Thank you
Who is online
Users browsing this forum: No registered users and 309 guests