FAQ

{{ ---------BEGIN ADD-ON SETTINGS AND CONTROLS----------- }}

{{ ----FUNCTION SETTINGS---- }}
{% assign: FAQ_Template_Type = 'Expandable' %} {{ Options: 'Expandable' or 'Anchor Links' }}
{% assign: Number_of_Questions = 9 %} {{ Options: 1 to 10 }}

{% assign: Show_Back_to_Top_Link = 'No' %} {{ Options: 'Yes' or 'No' }}
{% assign: Back_to_Top_Link_Text = "Back to Top" %}

{{ --ANCHOR LINK PRESET SETTINGS-- }}
{% assign: Anchor_Link_Style = 'Numbered' %} {{ Options: 'Bulleted' or 'Numbered' }}

{{ ----TYPOGRAPHY SETTINGS---- }}
{% assign: Question_Headings_Size = 18 %}
{% assign: Question_Headings_Case_Transform = 'uppercase' %} {{ Options: 'none', 'uppercase', 'lowercase', 'capitalize' }}

{% assign: Answer_Content_Size = 14 %}

{% assign: Anchor_Link_Text_Size = 14 %}

{{ ----COLOR / AESTHETICS SETTINGS---- }}
{% assign: Answer_Content_Link_Color = '#666666' %}

{{ EXPANDABLE SETTING COLORS }}

{% assign: Tab_Heading_Background_Color = '#eeeeee' %}
{% assign: Tab_Heading_Text_Color = '#555555' %}
{% assign: Tab_Rounded_Corners = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Tab_Answers_Border = 'Yes' %} {{ Options: 'Yes' or 'No' }}

{{ ANCHOR SETTING COLORS }}

{% assign: Anchor_Link_Text_Color = '#666666' %}
{% assign: Question_Heading_Text_Color = '#000000' %}

{{ ----BEGIN INDIVIDUAL QA FIELDS---- }}

{{ --QA SET 1 SETTINGS-- }}

{% assign: Question_1_Heading = "What payment methods do you accept?" %}
{% capture Answer_1_Content %}All payments are processed via PayPal, one of the most trusted payment gateways in the world. Paypal uses the highest level of encryption and data security to ensure your details are protected. PayPal securely shares your order and delivery details with us, but does not share any of your sensitive payment information.{% endcapture %}

{{ --QA SET 2 SETTINGS-- }}

{% assign: Question_2_Heading = "How much will I have to pay for shipping?" %}
{% capture Answer_2_Content %}Shipping costs are set at a flat rate.

Australian orders are shipped via registered Australian post and are typically delivered within 3-7 business days.

International orders are typically delivered within 2-5 weeks depending upon the destination and customs processing.
{% endcapture %}

{{ --QA SET 3 SETTINGS-- }}

{% assign: Question_3_Heading = "How do I check the status of my order?" %}
{% capture Answer_3_Content %}You will receive an order confirmation once your order has been successfully processed.

In addition, a shipping confirmation e-mail will be sent once your order has been shipped.

This confirmation will include the tracking number for your package.
{% endcapture %}

{{ --QA SET 4 SETTINGS-- }}

{% assign: Question_4_Heading = "What if I am not happy with my order?" %}
{% capture Answer_4_Content %}Customer satisfaction is of the utmost importance to us. Unused/unworn shirts can be returned within 14 days of delivery. Returns must include a copy of Board to Death’s delivery package slip. Returned items can be exchanged for another size, style or store credit. We do not offer refunds.
Get in contact with us, if you are unsatisfied!

{% endcapture %}

{{ --QA SET 5 SETTINGS-- }}

{% assign: Question_5_Heading = "You don’t stock my size?" %}
{% capture Answer_5_Content %}We are working on getting more sizes of our shirts on stock. Please contact us, if your size is not available.{% endcapture %}

{{ --QA SET 6 SETTINGS-- }}

{% assign: Question_6_Heading = "Do you have any stickers?" %}
{% capture Answer_6_Content %}We are in the process of designing a variety of stickers. {% endcapture %}

{{ --QA SET 7 SETTINGS-- }}

{% assign: Question_7_Heading = "Are you guys sponsoring?" %}
{% capture Answer_7_Content %}We are happy to sponsor suitable individuals that represent our brand image. Feel free to email us your proposal, if you think you would be a good ambassador for Oceanic Critters.

We will try to get back to everyone, but due to the large number of requests, it might take a while for us to reply.
{% endcapture %}

{{ --QA SET 8 SETTINGS-- }}

{% assign: Question_8_Heading = "I am interested in stocking Oceanic Critters Clothing in my store, where can I get some information?" %}
{% capture Answer_8_Content %}Feel free to send us a request via email: [email protected]{% endcapture %}

{{ --QA SET 9 SETTINGS-- }}

{% assign: Question_9_Heading = "Can you do a shout out or repost my picture on Instagram?" %}
{% capture Answer_9_Content %}Tag us in your photos representing our brand (wearing our shirts, showing our stickers,…) and if it is an awesome photo, we will definitely repost it! Please accept that we will not repost every single picture though.{% endcapture %}

{{ --QA SET 10 SETTINGS-- }}

{% assign: Question_10_Heading = "" %}
{% capture Answer_10_Content %}{% endcapture %}

{{ ---------END ADD-ON SETTINGS AND CONTROLS----------- }}

{{ ---------BEGIN FAQ ADD-ON HTML TEMPLATE CODE---------- }}

{% assign: thbgcl = Tab_Heading_Background_Color %}
{% assign: thtxcl = Tab_Heading_Text_Color %}
{% assign: trcn = Tab_Rounded_Corners %}
{% assign: tabd = Tab_Answers_Border %}

{% assign: qhs = Question_Headings_Size %}
{% assign: acs = Answer_Content_Size %}
{% assign: qhctr = Question_Headings_Case_Transform %}

{% assign: faq_tt = FAQ_Template_Type %}
{% assign: NoQs = Number_of_Questions %}

{% assign: anlst = Anchor_Link_Style %}
{% assign: altxs = Anchor_Link_Text_Size %}
{% assign: altc = Anchor_Link_Text_Color %}

{% assign: qhtxcl = Question_Heading_Text_Color %}
{% assign: anclkcl = Answer_Content_Link_Color %}

{% if faq_tt contains 'xpand' %}
{% if NoQs >= 1 %}

  • {{ Question_1_Heading }}

    • {{ Answer_1_Content | newlines_to_br }}

{% endif %} {% if NoQs >= 2 %}

  • {{ Question_2_Heading }}

    • {{ Answer_2_Content }}

{% endif %} {% if NoQs >= 3 %}

  • {{ Question_3_Heading }}

    • {{ Answer_3_Content }}

{% endif %} {% if NoQs >= 4 %}

  • {{ Question_4_Heading }}

    • {{ Answer_4_Content }}

{% endif %} {% if NoQs >= 5 %}

  • {{ Question_5_Heading }}

    • {{ Answer_5_Content }}

{% endif %} {% if NoQs >= 6 %}

  • {{ Question_6_Heading }}

    • {{ Answer_6_Content }}

{% endif %} {% if NoQs >= 7 %}

  • {{ Question_7_Heading }}

    • {{ Answer_7_Content }}

{% endif %} {% if NoQs >= 8 %}

  • {{ Question_8_Heading }}

    • {{ Answer_8_Content }}

{% endif %} {% if NoQs >= 9 %}

  • {{ Question_9_Heading }}

    • {{ Answer_9_Content }}

{% endif %} {% if NoQs >= 10 %}

  • {{ Question_10_Heading }}

    • {{ Answer_10_Content }}

{% endif %}
{% elsif faq_tt contains 'nchor' %}
    {% capture anchor_string %}{{ Question_1_Heading }}{% endcapture %}
  1. {{ Question_1_Heading }}
  2. {{ Question_2_Heading }}
  3. {{ Question_3_Heading }}
  4. {{ Question_4_Heading }}
  5. {{ Question_5_Heading }}
  6. {{ Question_6_Heading }}
  7. {{ Question_7_Heading }}
  8. {{ Question_8_Heading }}
  9. {{ Question_9_Heading }}
  10. {{ Question_10_Heading }}

  • {{ Question_1_Heading }}

    {{ Answer_1_Content }}

  • {{ Question_2_Heading }}

    {{ Answer_2_Content }}

  • {{ Question_3_Heading }}

    {{ Answer_3_Content }}

  • {{ Question_4_Heading }}

    {{ Answer_4_Content }}

  • {{ Question_5_Heading }}

    {{ Answer_5_Content }}

  • {{ Question_6_Heading }}

    {{ Answer_6_Content }}

  • {{ Question_7_Heading }}

    {{ Answer_7_Content }}

  • {{ Question_8_Heading }}

    {{ Answer_8_Content }}

  • {{ Question_9_Heading }}

    {{ Answer_9_Content }}

  • {{ Question_10_Heading }}

    {{ Answer_10_Content }}
    • {% endif %}

    {% if Show_Back_to_Top_Link contains 'es' %}▲ {{ Back_to_Top_Link_Text }}{% endif %}

    {{ ---------END FAQ ADD-ON HTML TEMPLATE CODE---------- }}

    {{ ---------BEGIN FAQ ADD-ON CSS/JAVASCRIPT CODE---------- }}

    #faq-template > br:first-child {display: none;}
    #faq-template a {color: {{ anclkcl }};}
    #expand-collapse ul { list-style-type: none;margin: 0;}
    #expand-collapse label {background-color: {{ thbgcl }};{% if trcn contains 'es' %}border-radius: 3px;{% endif %}padding: 1% 1% 1% 2%;margin-bottom: 1%;}
    #expand-collapse li {border-radius: 0;margin: 0;padding: 0;}
    #expand-collapse li.expand-content {padding: 0;}
    #expand-collapse h2 {color: {{ thtxcl }};padding-left: 5px;font-size: {{ qhs }}px !important;margin: 0 !important;text-transform: {{ qhctr }} !important;vertical-align: middle;display: inline-block;}
    .expand-content p {font-size: {{ acs }}px;box-sizing: border-box;line-height: 150%;}
    #expand-collapse input[type=checkbox] {display: none; }
    #expand-collapse input[type=checkbox] ~ ul { max-height: 0;max-width: 0;opacity: 0;overflow: hidden;white-space:nowrap;-webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease;}
    #expand-collapse input[type=checkbox]:checked ~ ul {
    {% if tabd contains 'es' %}border: 3px solid {{ thbgcl }};{% endif %}{% if trcn contains 'es' %}border-radius: 0px 0px 3px 3px;{% endif %}white-space:normal;max-height: 100%;max-width: 100%;opacity: 1;padding: 2%;margin-top: -1.3%;margin-bottom: 1%;}
    #expand-collapse input[type=checkbox] + label:before{transform-origin:25% 50%;border: 8px solid transparent;border-width: 7px 9px; border-left-color: {{ thtxcl }};width: 0;height: 0;vertical-align: middle;display: inline-block;text-align: center;content: '';color: {{ thbgcl }};-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }
    #expand-collapse input[type=checkbox]:checked + label:before {transform: rotate(90deg);}
    #faq-anchor-links {margin-bottom: 25px;margin-left: 25px;}
    #faq-anchor-links li {list-style-type: {% if anlst contains 'ullet' %}disc{% else %}decimal{% endif %};color: {{ altc }};}
    #faq-anchor-links li > a {text-decoration: underline !important;color: {{ altc }};font-size: {{ altxs }}px;}
    #faq-anchor-links li > a:hover {opacity: .75;filter: alpha(opacity=75);}
    .faq-set {margin-bottom: 20px;list-style-type: {% if anlst contains 'umber' %}decimal{% endif %};font-size: {{ qhs }}px;font-weight: bold;}
    .faq-answer {margin-left: 20px;}
    .faq-answer img, .expand-content img {display: block;}
    #faq-al-info h4 {font-size: {{ qhs }}px !important;color: {{ qhtxcl }};}
    #faq-al-info .faq-answer, #faq-al-info .faq-answer p {font-size: {{ acs }}px !important;font-weight: normal;}
    .scrollToTop {font-weight: bold;color: #ffffff !important;background: rgba(0,0,0,.5);text-decoration: none;padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box;position: fixed;bottom: 20px;right: 20px;cursor: pointer !important;z-index: 999;display: none;}
    .scrollToTop:hover{text-decoration:none;background: rgba(0,0,0,.8);}
    @media only screen and (max-width:768px) {
    #expand-collapse input[type=checkbox] + label:before {display: none;}
    #expand-collapse h2 {font-size: {{ qhs | times: 0.778 }}px !important;line-height:250% !important;}
    }

    (function($) {
    $(document).ready(function(){
    $(window).scroll(function(){
    if ($(this).scrollTop() > 200) {
    $('.scrollToTop').fadeIn();
    } else {
    $('.scrollToTop').fadeOut();
    }
    });
    $('.scrollToTop').click(function(){
    $('html, body').animate({scrollTop : 0},800);
    return false;
    });
    });
    $('#faq-anchor-links li > a').html(string.replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, ''));
    var url1 = /(^|<|\s)(www\..+?\..+?)(\s|>|$)/g,
    url2 = /(^|<|\s)(((https?|ftp):\/\/|mailto:).+?)(\s|>|$)/g,
    linkifyThis = function () {
    var childNodes = this.childNodes,
    i = childNodes.length;
    while(i--)
    {
    var n = childNodes<i>;
    if (n.nodeType == 3) {
    var html = $.trim(n.nodeValue);
    if (html)
    {
    html = html.replace(/&/g, '&amp;')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(url1, '$1<a href="http://$2">$2</a>$3')
    .replace(url2, '$1<a href="$2">$2</a>$5');
    $(n).after(html).remove();
    }
    }
    else if (n.nodeType == 1 && !/^(a|button|textarea)$/i.test(n.tagName)) {
    linkifyThis.call(n);
    }
    }
    };
    $.fn.linkify = function () {
    return this.each(linkifyThis);
    };
    $('body').linkify();
    $("a[@href^='www'], a[@href^='http']").attr('target','_blank');
    })(jQuery);

    {{ ---------END FAQ ADD-ON CSS/JAVASCRIPT CODE---------- }}