Aarfie custom web development and maintenance services are discontinued – read more

Looking for our new Big Cartel themes – visit Aarcade

 
 

AARFIE SUPPORT

How do I use the Custom Options for my Big Cartel theme?

If you purchased or upgraded your Big Cartel theme after 29th November 2011, please refer to Aarcade Support instead of the following article.

close message

Primary Custom Options

To view your primary Custom Options, navigate to the Design > Pages section of your shop admin and click the page title Layout.

Big Cartel Layout Page

Accessing Primary Custom Options at the Layout page

On the following page, view the first section of the text box content; your Custom Options section will begin with the text {{ START CUSTOM OPTIONS }} and end with the text {{ END CUSTOM OPTIONS }}. Between this start and end marker, your custom options will be divided into sections.

Big Cartel Custom Options

Primary Custom Options located at the top of the Layout page coding

IMPORTANT: The {{ ADMIN }} section of Custom Options should not be edited unless instructed otherwise by Aarfie or your theme readme file.

Product-Page Custom Options

Note: Not all themes have Product-Page Custom Options.

To view your Product-Page Custom Options, navigate to the Design > Pages section of your shop admin and click the page title Product.

Product Page

Accessing the Product-Page Custom Options

On the following page, view the first section of the text box content; your Custom Options section will begin with the text {{ START CUSTOM OPTIONS }} and end with the text {{ END CUSTOM OPTIONS }}. Between this start and end marker, your custom options will be divided into sections.

Other Custom Options

If your theme includes other Custom Options, their location will be detailed in the readme file included with your theme download.

 

Working With Assign-Type Custom Options

Most Custom Options begin with the code {% assign and are generally explained by the name of the custom option itself and, where required, by additional notes within your Custom Options section. If a note is referenced, simply scroll further down the custom option area to locate it under the {{ NOTES }} sub-section.

Assign-Type Custom Option values are entered inside the apostrophes at the end of the {% assign code:

{% assign this_is_a_custom_option = 'your-value-goes-here' %} {{ *See NOTE 1 }}

To leave a Custom Option blank, you must still leave the apostrophes:

{% assign this_is_a_custom_option = '' %} {{ *See NOTE 1 }}

IMPORTANT: Always click the SAVE button at the bottom of the admin page after editing your CUSTOM OPTIONS. Never enter text anywhere other than inside the option apostrophes.

Working With Capture-Type Custom Options

Capture-type custom options work in the same way as assign-type custom options, however instead of entering your custom option value between apostrophes you enter it between a capture and endcapture tag:

{% capture additional_footer_text %} {{ *See NOTE 6 }}
COPYMARK YEAR STORENAME. All Rights Reserved.
{% endcapture %}

Capture-type custom options are generally used to allow both text and HTML in your custom option value:

{% capture additional_footer_text %} {{ *See NOTE 6 }}
COPYMARK YEAR STORENAME. All Rights Reserved.
<p style="color: red;">Don't forget to visit <a href="http://www.kiva.org/">Kiva</a> to help make a difference!</p>
{% endcapture %}

IMPORTANT: Never enter text on the same line as the capture or endcapture tag or anywhere other than between these two tags.

 

Example

You may have the following Custom Option in the {{ NETWORK AND SHARING }} section of your {{ CUSTOM OPTIONS }}:

{% assign your_facebook_page_url = '' %} {{ *See NOTE 1 and NOTE 3 }}

From the name of the Custom Option, i.e. “your_facebook_page_url”, it is clear the intention is to enter your Facebook URL in to this option. By scrolling to the end of the {{ CUSTOM OPTIONS }} section, to the {{ NOTES }} section, you can read additional instructions for this option in NOTE 1 and NOTE 3.

{{ *NOTE 1: Always include the "http://" part of your url }}
{{ *NOTE 3: The URL to be used to display your social network link. Leave the option blank to exclude the related social network service from your links. }}

Based upon these notes, you decide you want to include your Facebook with your social links, so you edit the option as follows:

{% assign your_facebook_page_url = 'http://facebook.com/aarfie' %} {{ *See NOTE 1 and NOTE 3 }}

Then click the SAVE button at the bottom of the admin page.

Last Modified: 13th June, 2011

Other ‘Big Cartel’ Articles...

Big Cartel support articles generally relate to Aarfie-developed Big Cartel themes purchased from the shop or created for a custom project.