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>


Use default Lightbox anywhere in website for image | Adobe Business Catalyst

<link type="text/css" href="/CatalystStyles/lightbox.css?vs=b1951.r480527-phase1" rel="StyleSheet">
<script type="text/javascript" src="/CatalystScripts/Cache/lightbox2022.js?vs=b1951.r480527-phase1"></script>


<a onClick="myLightbox.start(this);return false;" rel="lightbox[2451]" href="{tag_image}">
<img src="{tag_image}?Action=thumbnail&Width=250&Height=150&algorithm=fill_proportional">
</a>

Liquid photogallery | Adobe Business Catalyst

{module_photogallery id="15301" collection="photogallerys" template="" }
{% for item in photogallerys.items %}
<img src="{{item.thumbnaillink}}">
{% endfor %}

Compress image size | Adobe Business Catalyst

( proportional, fill_proportional, fill )

<img src="{tag_logo_value}?Action=thumbnail&Width=170&Height=70&algorithm=proportional" />

Lightbox Responsive css | Adobe Business Catalyst

#outerImageContainer { max-width: 90%; overflow: hidden; height: auto !important; font-size:0!important; }
#imageDataContainer { max-width: 90%; overflow: hidden; }
#lightboxImage { max-width: 100%; }