Custom liquid shopping cart summary | Adobe Business Catalyst

Include:

{module_shoppingcartsummary template="/Layouts/OnlineShop/shoppingcartsummary.tpl"}

Styles:

.addtocart { position: fixed; width: 100%; top: 0; right: 0; padding: 22px 0; text-align: center; background: #d4563f; color: #fff !important; z-index:999999; border-radius: 0px; font-size: 16px; }
.addtocart table { background:none !important; margin-bottom: 0 !important; border:0px !important; color:#fff !important; }
.addtocart .cartSummaryLink { font-size: 14px; color: #FFFFFF; background: rgba(160, 48, 28,0.8); padding: 2px 5px; border-radius: 4px; border: solid 1px #9A3321; }
.addtocart.empty1 { display:none; }
.addtocart.empty0 { display:block; }

shoppingcartsummary.tpl

<div class="addtocart empty{tag_isEmpty}">
{% if itemCount == 0 -%}
<span>Shopping cart empty</span>
{% else -%}
{{itemCount}} item{% if itemCount != 1 -%}s{% endif -%} |
{{currencyFormat}} {tag_totalAmount}
<a href="{{cartUrl}}" class="cartSummaryLink">View Cart</a>
{% endif -%}
</div>

Removing alert box when click on the Add to Cart button | Adobe Business Catalyst

<span class="cartalert" style="display:none"></span>
<style>
.cartalert {
position: fixed;
bottom: 10%;
right: 10%;
padding: 15px 20px;
text-align: center;
background: #333;
color: #fff !important;
z-index:999999;
border-radius: 5px;
font-size: 16px;
}
</style>
<script>
$(function() {
window.alert = function(msg) {
msg = msg.replace('ERROR: ','');
$('.cartalert').text(msg).fadeIn().delay(1000).fadeOut()
}
});
</script>

Redirect (worldsecuresystems page) to non-secure version of page | Adobe Business Catalyst

Note: 'Check out page':
Add this code to top of the check out page ( Admin area = Site Manager -> Module Templates - > Online Shop Layouts -> Registration - Buy )
==========================================

<script type="text/javascript">
$(function () {
var str = '{{globals.site.host}}';
var res = str.split('.')[0];
// redirect to non-secure version of page
$("a").each(function () {
var href = $(this).attr("href");
href = "http://"+res+".businesscatalyst.com" + href;
$(this).attr("href", href);
});
});
</script>

Multi level Liquid Menu | Adobe Business Catalyst

{module_menu render="collection" menuId="1725685" template="" collection="menu1"}
<ul>
{% if menu1.items %}
{% for i in menu1.items %}
<li class="{{i.CSS class name}}"><a href="{{i.url}}">{{i.label}}</a>
{% if i.items %}
<ul class="dropdown">
{% for j in i.items %}
<li><a href="{{j.url}}">{{j.label}}</a></li>
{% endfor %}
</ul>
{% endif %} </li>
{% endfor %}
{% endif %}
</ul>

Single level Liquid Menu | Adobe Business Catalyst

{module_menu render="collection" menuId="1425822" template="" collection="menu2"}
<ul>
{% if menu2.items %}
{% for i in menu2.items %}
<li class="{{i.CSS class name}}"><a href="{{i.url}}">{{i.label}}</a> </li>
{% endfor %}
<li><a href="#">Copyright © 2016. All Rights Reserved.</a> </li>
{% endif %}
</ul>