tairli

## old-tabbed-description.liquid
{% comment %}
	if combine_pretext is false, the text before the first <h6> will be shown above all tabs, otherwise added to the first tab
{% endcomment %}
{% assign combine_pretext = false %}

{% assign description = tabbed-description | default: product.description %}
{% if description contains "<h6>" %}
	{% assign tab_heads = '' %}
	{% assign tab_texts = '' %}
	{% assign pretext = '' %}

## index.html
<!DOCTYPE html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title>Shopify filtering Boilerplate</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="_assets/css/style.css">
  </head>
  <body>

## clickable-element.html
<!-- This is the HTML element that, when clicked, will cause the popup to appear. -->

<button id="open-popup">Subscribe to our mailing list</button>

## t_sticky.js
var t_sticky = {
    monitor: function() {
        if( !this.waiting ) {
            setTimeout( this.check.bind(this), 250 );
            this.waiting = true;
        }
    },
    check: function() {
        var val = this.$html.scrollTop() > this.at ? 0 : 1;
        if( this.is_on != val ) {

## tabbed-description.liquid
{% comment %}
  if combine_pretext is false, the text before the first <h6> will be shown above all tabs, otherwise added to the first tab

  if stop_on_h5 is true, tabs parsing will stop on first H5 element and the rest will be shown below tabs.
  What's inside H5 is discarded, but still put something meneningfull there, just in case you switch theme or alike.
  No multiple H5 elements.
{% endcomment %}
{% assign combine_pretext = false %}
{% assign stop_on_h5  = true %}
	{% comment %}
	if combine_pretext is false, the text before the first <h6> will be shown above all tabs, otherwise added to the first tab
	{% endcomment %}
	{% assign combine_pretext = false %}

	{% assign description = tabbed-description \| default: product.description %}
	{% if description contains "<h6>" %}
	{% assign tab_heads = '' %}
	{% assign tab_texts = '' %}
	{% assign pretext = '' %}
	<!DOCTYPE html>
	<html class="no-js">
	<head>
	<meta charset="utf-8">
	<title>Shopify filtering Boilerplate</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="_assets/css/style.css">
	</head>
	<body>
	<!-- This is the HTML element that, when clicked, will cause the popup to appear. -->

	<button id="open-popup">Subscribe to our mailing list</button>
	var t_sticky = {
	monitor: function() {
	if( !this.waiting ) {
	setTimeout( this.check.bind(this), 250 );
	this.waiting = true;
	}
	},
	check: function() {
	var val = this.$html.scrollTop() > this.at ? 0 : 1;
	if( this.is_on != val ) {
	{% comment %}
	if combine_pretext is false, the text before the first <h6> will be shown above all tabs, otherwise added to the first tab

	if stop_on_h5 is true, tabs parsing will stop on first H5 element and the rest will be shown below tabs.
	What's inside H5 is discarded, but still put something meneningfull there, just in case you switch theme or alike.
	No multiple H5 elements.
	{% endcomment %}
	{% assign combine_pretext = false %}
	{% assign stop_on_h5 = true %}