gistfile1.txt

{#- ----------------------------------------------------
            Help
----------------------------------------------------- -#}
{% macro help_section(id) %}

	{#- ---- CONTEXT ---- -#}
    {% set STATIC_URL = CONTEXT("STATIC_URL") %}

    <div id="{{ id }}" class="admin-help-section sh-msg sh-msg-help" style="display:none;">

        {#- ---- Close ---- -#}
        <a href="#" id="{{ id }}-close" class="js-action-delete sh-button sh-button-s sh-button-alert"><i class="sh-img-delete"></i></a>

        {#- ----------------------------------------------------
                    Products / Option
        ----------------------------------------------------- -#}
        {% if id == "admin-products-option-help" %}
            <p class="sh-txt-l">Help with Options</p>
            <p>Product options are variations on the product in your listing, i.e. sizes, colors and fabric options for a t-shirt.</p>
            <p><img src="{{ STATIC_URL }}images/admin/admin_help_options.png" /></p>
            <br />
            <p>This is how it will appear on your product detail page.</p>
            <p><img src="{{ STATIC_URL }}images/admin/admin_help_options_dropdown.png" /></p>
            <a href="http://help.goodsie.com/kb/store-administration/products" target="_blank">Need more help with Options?</a>
        {% endif %}

        {#- ----------------------------------------------------
                    Products / Extras
        ----------------------------------------------------- -#}
        {% if id == "admin-products-extra-help" %}
            <p class="sh-txt-l">Help with Extras</p>
            <p>Extras are additional items that can be included with the item in your listing, i.e. a frame for an art print.</p>
            <p><img src="{{ STATIC_URL }}images/admin/admin_help_extras.png" /></p>
            <br />
            <p>This is how it will appear on your product detail page.</p>
            <p><img src="{{ STATIC_URL }}images/admin/admin_help_extras_dropdown.png" /></p>
            <a href="http://help.goodsie.com/kb/store-administration/products" target="_blank">Need more help with Extras?</a>
        {% endif %}

        {#- ----------------------------------------------------
                    Products / Images
        ----------------------------------------------------- -#}
        {% if id == "admin-products-images-help" %}
            <p class="sh-txt-l">Help with Images</p>
            <p>We accept JPG, PNG, or GIF files. If you need help cropping or resizing images, you can do it online using <a href="http://www.photoshop.com/tools?wf=editor" target="_blank">Photoshop.com Express Editor</a> or <a href="http://www.aviary.com/tools/Phoenix" target="_blank">Aviary's Image Editor</a>.</p>
        	<p>After uploading your images, we create the following sizes on our server:</p>
			<p><ul>
				<li><strong>85 x 85</strong> - Product detail gallery thumbnails</li>
				<li><strong>190 x 190</strong> - Small product listing</li>
				<li><strong>260 x 260</strong> - Large product listing</li>
				<li><strong>400 x 400</strong> - Medium product listing</li>
				<li><strong>820 x 820</strong> - Huge product listing</li>
			</ul></p>
			<p>The best approach is to make your product images 820 x 820 pixels (72 dpi), so that smaller images will be scaled proportionally.</p>
			<p><em>Note that images will be cropped in the storefront thumbnail view. To avoid cropping, upload a square image (equal dimensions on all sides) as the first image. Customers may view original image dimensions using the fullscreen option in the product details view.</em></p>
		{% endif %}

        {#- ----------------------------------------------------
                    Products / Digital Samples
        ----------------------------------------------------- -#}
        {% if id == "admin-products-digital-samples-help" %}
            <p class="sh-txt-l">Help with Digital Samples</p>
            <p>When you select "Digital" as a product type, you can upload preview MP3s that will be displayed on the product detail page. We only accept MP3 file types.</p>
        {% endif %}

        {#- ----------------------------------------------------
                    Marketing / Coupons
        ----------------------------------------------------- -#}
        {% if id == "admin-coupons-help" %}
            <p class="sh-txt-l">Help with Coupons</p>
            <p>Coupon URLs are formatted as http://{domain}/promo/{code} (i.e. http://mystore.goodsie.com/promo/freeshipping). The coupon code can also be used without a link. Customers are prompted to enter discount codes during checkout.</p>
        {% endif %}

        {#- ----------------------------------------------------
                    Settings / Details / Domains
        ----------------------------------------------------- -#}
        {% if id == "admin-settings-details-domains-help" %}
            <p class="sh-txt-l">Help with Domains</p>
            <br />
            <p class="sh-txt-m">Goodsie Domain</p>
            <p>Your Goodsie domain is used before the ".goodsie.com" portion of your store's web address, i.e. http://mystorename.goodsie.com</p>
            <br />
            <p class="sh-txt-m">Custom Domain</p>
            <p>To use a custom domain name for your Goodsie store, i.e. www.mystorename.com, first purchase the domain from an outside registrar, such as enom.com or namesecure.com. After you have registered the domain name, go to DNS Settings in your registrar's administration options. Create a new A Record that points your domain to the Goodsie.com IP address: 174.129.217.20  Return to Goodsie, enter the domain name in the Custom Domain field, and you're all set. Note: It may take 72 hours for the process to complete across all servers.</p>
            <br />
            <a href="http://help.goodsie.com/kb/store-administration/settings" target="_blank">Need more help with Domains?</a>
        {% endif %}

        {#- ----------------------------------------------------
                    Settings / Plugins / Digital
        ----------------------------------------------------- -#}
        {% if id == "admin-settings-plugins-digital-help" %}
            <p class="sh-txt-l">Help with Digital Plugins</p>
            <p><a href="http://fetchapp.com">Fetch</a> is an automated digital delivery system. Files uploaded to Fetch can be linked with your Goodsie digital products. After the item is purchased, Fetch will then take care of contacting the customer with links to download the files. This makes selling digital products on Goodsie a completely automated process.</p>
            <a href="http://help.goodsie.com/kb/quick-answers/how-do-i-handle-the-delivery-of-digital-goods-such-as-music-files" target="_blank">Need further help with Fetch?</a>
        {% endif %}

        {#- ----------------------------------------------------
                    Settings / Plugins / ShipStation
        ----------------------------------------------------- -#}
        {% if id == "admin-settings-plugins-shipstation-help" %}
            <p class="sh-txt-l">Help with ShipStation</p>
            <p>Linking <a href="http://shipstation.com" target="_blank">ShipStation</a> to your Goodsie store allows you to print shipping labels for Goodsie orders and view tracking and shipping cost information directly in Goodsie. To get started, create an account at ShipStation.com. In Step 4 ("Your Stores") of the ShipStation setup process, find and click the Goodsie marketplace in the list. Enter your API Key and API Token from Goodsie when prompted. Click the "Test Connection" button to make sure the connection is working. Click "Next" on the ShipStation window and complete the setup process.</p>
            <a href="https://help.goodsie.com/kb/plugins/shipstation-shipping-labels" target="_blank">Need more help with ShipStation?</a>
        {% endif %}

        {#- ----------------------------------------------------
                    Settings / Shipping & Tax
        ----------------------------------------------------- -#}
        {% if id == "admin-settings-shiptax-shipping-help" %}
            <p class="sh-txt-l">Help with Shipping</p>
            <p>Shipping can be set up within Goodsie (rather than through each payment method that you support) for quick and easy shipping configuration. The shipping options that you set up will appear in a dropdown in the customer's cart during checkout. Be sure to give them handy titles, like "USPS Next Day Air" under Option Name so your customers know which option to select for their needs.</p>
            <a href="http://help.goodsie.com/kb/store-administration/shipping" target="_blank">Need more help with Shipping?</a>
        {% endif %}

        {#- ----------------------------------------------------
                    External / Facebook
        ----------------------------------------------------- -#}
        {% if id == "admin-facebook-help" %}
            <p class="sh-txt-l">Help with Facebook</p>
            <p>The Goodsie Facebook app allows your fans to browse and shop directly from your Facebook page. Click "enable" next to the Facebook page that you'd like to display your Goodsie store. Note that only pages for which you are an admin are listed.</p>
            <a href="http://help.goodsie.com/kb/extensions/facebook" target="_blank">Need more help with Facebook?</a>
        {% endif %}

        {#- ----------------------------------------------------
                    External / Soundcloud
        ----------------------------------------------------- -#}
        {% if id == "admin-soundcloud-help" %}
            <p class="sh-txt-l">Help with SoundCloud</p>
            <p>This feature enables you to import music tracks and sets that have been uploaded to SoundCloud as products in your storefront.</p>
            <a href="http://help.goodsie.com/kb/extensions/soundcloud" target="_blank">Need more help with SoundCloud?</a>
        {% endif %}

        {#- ----------------------------------------------------
                    Settings / Plugins / API
        ----------------------------------------------------- -#}
        {% if id == "admin-settings-plugins-api-help" %}
            <p class="sh-txt-l">Help with API</p>
            <p>Lorem ipsum dolor sit amet</p>
        {% endif %}

        {#- ----------------------------------------------------
                    Account / Referrals
        ----------------------------------------------------- -#}
        {% if id == "admin-account-referrals-help" %}
            <p class="sh-txt-l">Help with Referrals</p>
            <p>When you refer a new user to Goodsie, you both benefit. New users who sign up with your referral code get an extra 30 free trial days, and when the user starts paying for their subscription <strong>we'll give you a free month of Goodsie</strong>. There's no limit to the number of free months you can earn &mdash; for every paid user you refer, you'll get another free month.</p>
            <p>To start, tell new users to visit your referral URL or have them enter your promo code on the Goodsie signup page. You can copy and paste the referral URL to your blog, an email, or anywhere else you'd like to promote Goodsie.</p>
        {% endif %}

        {#- ----------------------------------------------------
                    Emails / Tags
        ----------------------------------------------------- -#}
        {% if id == "admin-email-tags-help-1" or id == "admin-email-tags-help-2" or id == "admin-email-tags-help-3" %}
            <p class="sh-txt-l">Tag Reference</p>
            <div class="sh-float-l">
                <p><strong>Important links</strong><br />
                    [preferences]<br />
                    [forwardtoafriend]<br />
                    [webversion]<br />
                    [unsubscribe]
                </p>
            </div>
            <div class="sh-float-l grid-col-horiz">
                <p><strong>Social links</strong><br />
                    [tweet]<br />
                    [fblike]
                </p>
            </div>
            <div class="sh-float-l grid-col-horiz">
                <p><strong>Personalization</strong><br />
                    [fullname,fallback=Name here]<br />
                    [firstname,fallback=Name here]<br />
                    [lastname,fallback=Name here]<br />
                    [email]
                </p>
            </div>

            {#- ---- Clear ---- -#}
            <div class="sh-clear"></div>
        {% endif %}
    </div>
{% endmacro %}

{#- ----------------------------------------------------
			Dashboard
----------------------------------------------------- -#}
{% macro dashboard(img, title, desc, link) %}

    {#- ---- CONTEXT ---- -#}
    {% set STATIC_URL = CONTEXT("STATIC_URL") %}

    {#- ---- Box ---- -#}
    <div class="sh-box sh-box-l grid-col-horiz grid-col-vert grid-col-4">
        <a href="{{ link }}" class="sh-box-img"><img src="{{ STATIC_URL }}images/admin/admin_dashboard_{{ img }}.png" /></a>
        <div class="sh-box-info sh-align-c">
            <div class="sh-txt-xl"><a href="{{ link }}">{{ title }}</a></div>
            <div class="sh-txt-m sh-color-hint">{{ desc }}</div>
        </div>
    </div>
{% endmacro %}

{#- ----------------------------------------------------
			Payment Buttons
----------------------------------------------------- -#}
{% macro payment_buttons(form, paypal_form, google_form, braintree_form, authorizenet_form) %}

    {# ----------------------------------------------------
                Buttons
    ----------------------------------------------------- #}
    <section class="grid-cols">
        <div class="grid-col-horiz grid-col-vert grid-col-4">
            <a href="#" id="admin-settings-details-payment-paypal" class="sh-img-payments-paypal"></a>
        </div>
        <div class="grid-col-horiz grid-col-vert grid-col-4">
            <a href="#" id="admin-settings-details-payment-google" class="sh-img-payments-google"></a>
        </div>
        <div class="grid-col-horiz grid-col-vert grid-col-4">
            <a href="#" id="admin-settings-details-payment-braintree" class="sh-img-payments-braintree"></a>
        </div>
        <div class="grid-col-horiz grid-col-4">
            <a href="#" id="admin-settings-details-payment-authorizenet" class="sh-img-payments-authorizenet"></a>
        </div>

        {#- ---- Clear ---- -#}
        <div class="sh-clear"></div>
    </section>

    {# ----------------------------------------------------
                Paypal
    ----------------------------------------------------- #}
    <div id="admin-settings-details-payment-paypal-prompt" class="sh-prompt" style="display:none">
        <h3>Configure Paypal</h3>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-paypal-email-field" class="">
            <label>Paypal email</label>
            {{ form.textfield(paypal_form.email, id="admin-settings-details-payment-paypal-email", class="sh-input") }}
        </section>

        {#- ---- Help ---- -#}
        <section id="admin-settings-details-payment-paypal-help-field" class="">
            <div class="sh-input-hint"><a href="http://help.goodsie.com/kb/payment-methods/paypal" id="admin-settings-details-payment-paypal-help-toggle">Need help with Paypal payment setup?</a></div>
        </section>
    </div>

    {# ----------------------------------------------------
                Google
    ----------------------------------------------------- #}
    <div id="admin-settings-details-payment-google-prompt" class="sh-prompt" style="display:none;">
        <h3>Configure Google Payments</h3>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-google-id-field" class="">
            <label>Google Merch. ID</label>
            {{ form.textfield(google_form.merchant_id, id="admin-settings-details-payment-google-id", class="sh-input") }}
        </section>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-google-key-field" class="">
            <label>Google Merch. Key</label>
            {{ form.textfield(google_form.merchant_key, id="admin-settings-details-payment-google-key", class="sh-input") }}
        </section>

        {#- ---- Help ---- -#}
        <section id="admin-settings-details-payment-google-help-field" class="">
            <a href="http://help.goodsie.com/kb/payment-methods/google-checkout" id="admin-settings-details-payment-google-help-toggle">Need help with Google payment setup?</a>
        </section>
    </div>

    {# ----------------------------------------------------
                Braintree
    ----------------------------------------------------- #}
    <div id="admin-settings-details-payment-braintree-prompt" class="sh-prompt" style="display:none;">
        <h3>Configure Braintree</h3>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-braintree-id-field" class="">
            <label>Braintree Merch. ID</label>
            {{ form.textfield(braintree_form.merchant_id, id="admin-settings-details-payment-braintree-id", class="sh-input") }}
        </section>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-braintree-public-key-field" class="">
            <label>Public Key</label>
            {{ form.textfield(braintree_form.merchant_key, id="admin-settings-details-payment-braintree-public-key", class="sh-input") }}
        </section>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-braintree-private-key-field" class="">
            <label>Private Key</label>
            {{ form.textfield(braintree_form.merchant_private_key, id="admin-settings-details-payment-braintree-private-key", class="sh-input") }}
        </section>

        {#- ---- Help ---- -#}
        <section id="admin-settings-details-payment-braintree-help-field" class="">
            <a href="http://help.goodsie.com/kb/payment-methods/braintree" class="admin-help">Need help with Braintree payment setup?</a>
        </section>
    </div>

    {# ----------------------------------------------------
                Authorize.net
    ----------------------------------------------------- #}
    <div id="admin-settings-details-payment-authorizenet-prompt" class="sh-prompt" style="display:none;">
        <h3>Configure Authorize.net</h3>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-authorizenet-id-field" class="">
            <label>API Login ID</label>
            {{ form.textfield(authorizenet_form.merchant_id, id="admin-settings-details-payment-authorizenet-id", class="sh-input") }}
        </section>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-authorizenet-key-field" class="">
            <label>Transaction Key</label>
            {{ form.textfield(authorizenet_form.merchant_key, id="admin-settings-details-payment-authorizenet-key", class="sh-input") }}
        </section>

        {#- ---- Section ---- -#}
        <section id="admin-settings-details-payment-authorizenet-private-key-field" class="">
            <label>MD5 Hash</label>
            {{ form.textfield(authorizenet_form.merchant_private_key, id="admin-settings-details-payment-authorizenet-key", class="sh-input") }}
        </section>

        {#- ---- Help ---- -#}
        <section id="admin-settings-details-payment-authorizenet-help-field" class="">
            <a href="http://help.goodsie.com/kb/payment-methods/authorizenet" class="admin-help">Need help with Authorize.net payment setup?</a>
        </section>
    </div>
{% endmacro %}