FAQ (&)(!!)

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

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

{% assign: Show_Back_to_Top_Link = 'Yes' %} {{ 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 = '#1f0c0c' %}
{% assign: Tab_Heading_Text_Color = '#ffffff' %}
{% 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 methods of payment do you accept?" %}
{% capture Answer_1_Content %}We accept PayPal and the following credit cards: Visa, Master Card, Discover and American Express.{% endcapture %}

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

{% assign: Question_2_Heading = "When will my order be shipped?" %}
{% capture Answer_2_Content %}▲ Please make sure your delivery address is correct. We aim to despatch your item (items) within 24-48 hours. Orders placed on Fridays will usually be posted out the next working day (Monday)
{% 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 transmitted

▲ If you would like to check the status of your order, please contact us for more information via the Contact page on the website
{% endcapture %}

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

{% assign: Question_4_Heading = "What shipping methods do you use?" %}
{% capture Answer_4_Content %}▲ We use Royal Mail First Class with every purchase, which normally takes 1 to 3 days in the UK

▲ International orders will usually take up to 7 days to deliver

▲ If you do not receive your order within 7 (12 days for international orders) working days of your purchase, please contact us and we will resolve any issues as soon as possible

{% endcapture %}

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

{% assign: Question_5_Heading = "How do I return or exchange an item purchased?" %}
{% capture Answer_5_Content %}▲ To return an item please contact us via the ‘Contact’ link on this website, stating your name, order number (found on your delivery confirmation email) and the reason you would wish to return/exchange, and you will be contacted as soon as possible

▲ You may return your item/s back to us within 10 days of receipt for a refund or to exchange it for a different size, provided it is in its original, unused condition with allowing tags and hygiene sticker attached. We will issue a full refund excluding the original delivery charge, or exchange the item for a different size/colour if requested.

▲ Please note returns take up to 10 working days to process. Please be aware that refund/exchange costs are at the customers expense and will not be covered by us, you must pay the return delivery cost yourself.

▲ Please note that any unwanted items must be returned to us in a saleable condition. Unfortunately any items which are found to have make-up stains on the garment cannot be exchanged or refunded.

▲ The goods are your responsibility until they reach us so we recommend using a recorded delivery service{% endcapture %}

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

{% assign: Question_6_Heading = "How do I cancel or edit a placed order?" %}
{% capture Answer_6_Content %}▲ To cancel or edit an order, please contact us as soon as possible via the 'Contact' link on our website{% endcapture %}

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

{% assign: Question_7_Heading = "How do I use discount codes in your shop?" %}
{% capture Answer_7_Content %}▲ Upon adding products to the cart, you can enter a discount code in the input field labeled 'discount code' and then click the 'update total' or 'apply' button.{% endcapture %}

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

{% assign: Question_8_Heading = "How do I get in contact with you for more questions?" %}
{% capture Answer_8_Content %}▲ If you have any additional questions, feel free to send us an e-mail at [email protected]{% endcapture %}

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

{% assign: Question_9_Heading = "" %}
{% capture Answer_9_Content %}{% 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---------- }}