Back to Top
Big Cartel Portfolio Page Template

Portfolio

Page Template

Suitable for Any Aarcade Theme

Free

The Portfolio 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 slideshows.

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 “Portfolio” 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 slide captions, links, style and other available settings as required – ref. Shortcodes > slideshow.
  • Review and edit the columns ratio and other available settings as required – ref. Shortcodes > columns.
  • Replace the filler text with your own text. Note:
    • 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.
    • Link tags – a – with inline styles are used to link to other portfolio pages within the shop – restyle, change the href and text and duplicate as required.
    • 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.

<h1>Columns and Slideshow Shortcode</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>slideshow</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 ratio="1:2"]]
[[slideshow]]
http://theme.aarcadethemes.com/preview/images/jk1/sld1.jpg
http://theme.aarcadethemes.com/preview/images/jk1/sld2.jpg
http://theme.aarcadethemes.com/preview/images/jk1/sld4.jpg
http://theme.aarcadethemes.com/preview/images/jk1/sld6.jpg
[[/slideshow]]
[[column]]
<h3>Selected Work</h3>

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.

[[clearspace]]

<hr />

[[clearspace]]

<a href="/drawing" style="font-size:18px;color:#000;padding:14px 16px;background:#c9f9f9;">Drawing</a>

[[clearspace]]

<a href="/sculpting-casting" style="font-size:18px;color:#000;padding:14px 16px;background:#c9f9f9;">Sculpting & Casting</a>

[[/columns]]