Design Settings

HTML

{% if module.enabled %}
<div class="module-name {{ name }} {% if module.design_settings.background_option == 'color' %}bg-{{ module.design_settings.background_color }}{% endif %} sr-padding-{{ module.design_settings.top_bottom_padding }} {% if module.text_color != 'auto' %}text-{{ module.text_color }}{% endif %} {% if module.design_settings.class %}{{ module.design_settings.class }}{% endif %} {% if module.design_settings.border_top %}sr-line-top{% endif %} {% if module.design_settings.border_bottom %}sr-line-bottom{% endif %} {% if module.text_align != 'auto' %} text-{{ module.text_align }}{% endif %} prototype-no-background" {% if module.design_settings.sr_module_id %}id="{{ module.design_settings.sr_module_id }}"{% endif %}>
	
	<div class="{{ module.design_settings.layout }}">
		
		{% if module.design_settings.container_width != 'max' %}
		<div class="row">
			<div class="{{ width_class }}">
		{% endif %}
		
		{% if module.design_settings.container_width != 'max' %}
			</div>
		</div>
		{% endif %}

	</div>
	
</div>

{% require_css %}
<style>

</style>
{% end_require_css %}

{% require_js %}
<script>

</script>
{% end_require_js %}

{% endif %}

JSON

PreviousCode PatternsNextHeadings

Last updated