Cart Details Should Go Here
{% assign numberSelectedFilters = 0 %}
{% assign pageType = "collection" %}
{% unless settings.layout == 2 %}
{% endunless %}
{% if settings.layout == 2 %}
{% if settings.enableCollectionSearch and pageType != 'search' %}
{% endif %}
{{translation.filter.filter_by | default: "Filter by"}}
{% if filters %}
{% endif %}
{% if settings.showRefine %}
{% for filter in filters %}
{% assign filterLabel = filter.label | escape %}
{% if translation.labels and translation.labels[filter.id] %}
{% assign filterLabel = translation.labels[filter.id] | escape %}
{% endif %}
{% endfor %}
{% endif %}
{% if settings.sorts %}
{% assign relevance = '' %}
{% if pageType == 'search' %}
{% assign relevance = 'relevance,' %}
{% endif %}
{% if terms %}{% assign relevance = 'relevance,' %}{% endif %}
{% assign allSorts = settings.sorts | join: "," %}
{% assign allSorts = allSorts | prepend: relevance | append: "," | append: sort_by | append: ',created-descending' | replace: "featured", "manual" | split: "," | uniq %}
{% capture selectedSortText %}
{% if sort_by =='best-selling' %}
{{translation.sort.best_selling | default: "Best Selling"}}
{% elsif sort_by == 'manual' or sort_by == 'featured' %}
{{translation.sort.manually | default: "Featured"}}
{% elsif sort_by == 'relevance' %}
{{translation.sort.relevance | default: "Relevance"}}
{% elsif sort_by == 'stock-descending' %}
{{translation.sort.availability_in_stock_first | default: "Availability"}}
{% elsif sort_by == 'title-ascending' %}
{{translation.sort.alphabetically_a_z | default: "Alphabetically, A-Z"}}
{% elsif sort_by == 'title-descending' %}
{{translation.sort.alphabetically_z_a | default: "Alphabetically, Z-A"}}
{% elsif sort_by == 'price-ascending' %}
{{translation.sort.price_low_to_high | default: "Price, low to high"}}
{% elsif sort_by == 'price-descending' %}
{{translation.sort.price_high_to_low | default: "Price, high to low"}}
{% elsif sort_by == 'created-descending' %}
{{translation.sort.date_new_to_old | default: "Date, new to old"}}
{% elsif sort_by == 'created-ascending' %}
{{translation.sort.date_old_to_new | default: "Date, old to new"}}
{% elsif sort_by == 'sale-descending' %}
{{translation.sort.sale_off | default: "% Sale off"}}
{% elsif translation.sort[sort_by] %}
{{translation.sort[sort_by]}}
{% else %}
{{sort_by | remove_first: "mf-custom-" | replace: "-", " " | capitalize}}
{% endif %}
{% endcapture %}
{{filterLabel}}
{% if filter.help %}
{% endif %}
{% if filter.is_selected %}
{{ translation.filter.clear | default: "Clear"}}
{% endif %}
{{filter.help | newline_to_br}}
{% if filter.searchable and filter.style != 'Slider' %}{% endif %}
{% assign values_count = 0 %}
{% if filter.values %}{% assign values_count = filter.values | size %}{% endif %}
{% if filter.style == 'Slider' %}
-
{% if filter.is_selected %}{% assign numberSelectedFilters = numberSelectedFilters | plus: 1 %}{% endif %}
{% elsif filter.style == 'Select' %}
{% else %}
-
{% if filter.attribute == 'Collection' and filter.tree %}
{% for value in filter.tree %}
-
{% assign value_label = value.label | escape %} {% if filter.style == 'Checkbox' %} {% elsif filter.style == 'Radio' %} {% elsif filter.style == 'Box - Rectangle' %} {% elsif filter.style == 'Collection' %} {% endif %} {% if value.children %}{% endif %}{% if value.children %} {% endif %}
{% endfor %}
{% else %}
{% for value in filter.values %}
{% assign value_label = value.label | escape %}
{% if filter.is_selected %}{% assign numberSelectedFilters = numberSelectedFilters | plus: 1 %}{% endif %}
- {% if filter.style == 'Checkbox' %} {% elsif filter.style == 'Radio' %} {% elsif filter.style == 'Box - Rectangle' %} {% elsif filter.style == 'Collection' %} {% elsif filter.style == 'Rating' %} {% elsif filter.style contains 'Swatch' %} {% assign attribute = filter.attribute | replace: 'option:', '' | downcase %} {% assign value_handle = value.value | downcase %} {% endif %} {% endfor %} {% if filter.style == 'Swatch' %}
- {% endif %} {% endif %}
{% if selectedItems %}
{% endif %}
{% else %}
{% if settings.showRefine %}
-
{% if numberSelectedFilters > 1 %}
- {{ translation.filter.clear_all | default: "Clear all"}} {% endif %} {% for selectedItem in selectedItems %} {% assign filterLabel = selectedItem.label | escape %} {% if translation.labels and translation.labels[selectedItem.id] %} {% assign filterLabel = translation.labels[selectedItem.id] | escape %} {% endif %} {% if selectedItem.style == 'Slider' %}
- {{filterLabel}} {% if selectedItem.attribute == 'Price' %} {{selectedItem.values.min | money}} - {{selectedItem.values.max | money}} {% elsif selectedItem.attribute == 'Percent Sale' %} {{selectedItem.values.min}}% - {{selectedItem.values.max}}% {% else %} {{selectedItem.values.min}} - {{selectedItem.values.max}} {% endif %} {% else %} {% for value in selectedItem.values %} {% assign value_label = value.label | escape %}
- {{filterLabel}} {% if style == 'Rating' %} {% for star in (1..5) %} {% if star <= value.value %} {% else %} {% endif %} {% endfor %} {% elsif attribute contains 'metafield:' and value.value contains 'https:' %} {% elsif value.label contains "#" and value.label.size == 7 %} {% else %} {{value_label}} {% endif %} {% endfor %} {% endif %} {% endfor %}
{% if has_filter %}
{% endif %}
{% if selectedItems %}
{% for selectedItem in selectedItems %}
{% assign filterLabel = selectedItem.label | escape %}
{% if translation.labels and translation.labels[selectedItem.id] %}
{% assign filterLabel = translation.labels[selectedItem.id] | escape %}
{% endif %}
{% if selectedItem.style == 'Slider' %}
{% else %}
{% for value in selectedItem.values %}
{% assign value_label = value.label | escape %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% if filters %}
{% for filter in filters %}
{% assign filterLabel = filter.label | escape %}
{% if translation.labels and translation.labels[filter.id] %}
{% assign filterLabel = translation.labels[filter.id] | escape %}
{% endif %}
{% if filter.values.size >= 1 or filter.values.first.selected == true or filter.values.first.count != pagination.total or settings.hideOneValue == false %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{{filterLabel}}
{% if filter.help %}
{% endif %}
{% if filter.is_selected %}
{{ translation.filter.clear | default: "Clear"}}
{% endif %}
{{filter.help | newline_to_br}}
{% if filter.searchable and filter.style != 'Slider' %}{% endif %}
{% assign values_count = 0 %}
{% if filter.values %}{% assign values_count = filter.values | size %}{% endif %}
{% if filter.style == 'Slider' %}
-
{% elsif filter.style == 'Select' %}
{% else %}
-
{% if filter.attribute == 'Collection' and filter.tree %}
{% for value in filter.tree %}
-
{% assign value_label = value.label | escape %} {% if filter.style == 'Checkbox' %} {% elsif filter.style == 'Radio' %} {% elsif filter.style == 'Box - Rectangle' %} {% elsif filter.style == 'Collection' %} {% endif %} {% if value.children %}{% endif %}{% if value.children %} {% endif %}
{% endfor %}
{% else %}
{% for value in filter.values %}
{% assign value_label = value.label | escape %}
- {% if filter.style == 'Checkbox' %} {% elsif filter.style == 'Radio' %} {% elsif filter.style == 'Box - Rectangle' %} {% elsif filter.style == 'Collection' %} {% elsif filter.style == 'Rating' %} {% elsif filter.style contains 'Swatch' %} {% assign attribute = filter.attribute | replace: 'option:', '' | downcase %} {% assign value_handle = value.value | downcase %} {% endif %} {% endfor %} {% if filter.style == 'Swatch' %}
- {% endif %} {% endif %}
Beach inspired and collectively cool, Billabong is one of the world's premier surf brands. Since 1973 Billabong has been setting the standard for inspired beachwear, casual wear, and outerwear. From the cool waters of Southern California to the bath warm barrels of Indonesia, Hansen’s collection of Billabong Clothing has you covered from sunup to sundown.