Back to Top
Big Cartel Portfolio Drawing Page Template

Portfolio – Drawing

Page Template

Suitable for Any Aarcade Theme

Free

The Portfolio – Drawings page is displayed in Aarcade Big Cartel theme previews as an example of a custom page.

Additionally, this page uses the inbuilt shortcode system, unique to Aarcade themes, to easily create complex content like columns and galleries.

See installation instructions below.

Instructions

Make sure you have an Aarcade theme installed before proceeding with the following instructions. This extra will only work with an Aarcade theme.

Read the shortcodes support article. Understanding Aarcade’s shortcode system will help you get the most out of this page template.

Create a new custom page, as detailed in the support article How do I add a page to my Big Cartel shop?, and name it “Drawings” or a relevant name of your choice. You can also use Insert Content pages to display this content anywhere in your shop.

IMPORTANT

Switch to HTML edit mode before proceeding – refer How do I switch to HTML edit mode?

Copy all of the code in the code box below and paste it into your new custom page content area.

Edit the content as required. As a minimum you will need to:

  • Replace the sample images with your own images. Refer to How do I upload images or files for my Big Cartel page content? to prepare, upload and retrieve public URL’s for your images (no hosting required).
  • Review and edit the columns settings as required – ref. Shortcodes > columns.
  • Review and edit the gallery settings as required – ref. Shortcodes > gallery. Note:
    • The vertical padding of the gallery has been set to match the default value of the columns shortcode, so that the whitespace is consistent.
    • HTML can be used in gallery captions, but the caption must still remain on one line, hence the use of break tags – br – to create new lines in captions.
  • Replace the filler text with your own text. Note:
    • An image tag – img – has been used to display an image in the first column.
    • Heading tags have been used to create titles.
    • Double returns between text lines automatically creates paragraphs, so there is no need to manually create p tags.
    • Horizontal rule tags – hr – are used to divide content.
    • The clearspace shortcode has been used throughout the content to create vertical padding where needed.

Click the Save link when you are done editing your page content.

After you have saved your page, to make the page link appear in a sub-menu under a parent page (i.e. the Portfolio page in our example), refer to section Moving Page Links to a Sub-page Menu of article How do I control the page navigation in my Big Cartel shop?

<h1>Columns and Gallery Shortcodes</h1>

This is an example of using Aarcade's unique <a href="http://support.aarcadethemes.com/shortcodes/">shortcode system</a> to create a portfolio page. Using combinations of the <b>columns</b> and <b>gallery</b> shortcode, you can create pages like this in just minutes.

Example work from <a href="http://jonknoxstudio.com/">jonknoxstudio.com</a>

[[clearspace]]

<hr />

[[clearspace]]

[[columns]]
<img src="http://theme.aarcadethemes.com/preview/images/jk1/george.jpg" alt="Graphite Drawing" title="George - Graphite Drawing" />
[[column]]
<h2>Latest Drawing</h2>

<b>George</b>
18″ x 24″
graphite on bristol board
2012

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
[[/columns]]

[[clearspace]]

<hr />

[[clearspace]]

[[gallery paddingv="15"]]
http://theme.aarcadethemes.com/preview/images/jk1/billie.jpg
#title#Billie
#caption#<b>Billie</b><br />11" x 14"<br />graphite on bristol board<br />2011
http://theme.aarcadethemes.com/preview/images/jk1/cammie.jpg
#title#Cammie
#caption#<b>Cammie</b><br />11" x 14"<br />graphite on bristol board<br />2011
http://theme.aarcadethemes.com/preview/images/jk1/darkhorse.jpg
#title#The Dark Horse
#caption#<b>The Dark Horse</b><br />18" x 24"<br />graphite on bristol board<br />2011
http://theme.aarcadethemes.com/preview/images/jk1/jaime.jpg
#title#Jaime
#caption#<b>Jaime</b><br />18" x 24"<br />graphite on bristol board<br />2010
http://theme.aarcadethemes.com/preview/images/jk1/magician.jpg
#title#The Magician
#caption#<b>The Magician</b><br />18" x 24"<br />graphite on bristol board<br />2010
http://theme.aarcadethemes.com/preview/images/jk1/chanel.jpg
#title#Boy in Chanel Knockoffs
#caption#<b>Boy in Chanel Knockoffs</b><br />18" x 24"<br />graphite on bristol board<br />2010
http://theme.aarcadethemes.com/preview/images/jk1/brutetat.jpg
#title#Boy with Brute Tattoo
#caption#<b>Boy with Brute Tattoo</b><br />9" x 12"<br />graphite on bristol board<br />2009
http://theme.aarcadethemes.com/preview/images/jk1/tanktop.jpg
#title#Boy in Tank Top
#caption#<b>Boy in Tank Top</b><br />9" x 12"<br />graphite on bristol board<br />2009
[[/gallery]]