🗻Aspen
A Premium RapidWeaver Theme
Last updated
A Premium RapidWeaver Theme
Last updated
Introducing Aspen, a ruggedly beautiful Premium RapidWeaver theme. Immerse your visitors in a captivating browsing experience with Aspen's breathtaking design. Crafted with attention to detail, Aspen offers grand video/image banners, responsive audio and video layouts, and phenomenal creative freedom, making it the perfect companion for your web building adventure.
Purchase Aspen Here or as part of our Premium Themes Bundle Here!
Below you will find some helpful tutorials to guide you through Aspen's features.
This tutorial will show you how to add an animated site title in the Aspen Theme.
Example video snippet:
This tutorial will show you how to set up an Autoplay Video Banner using the Aspen Theme.
Add your compressed .mp4 video file to RapidWeaver > View > Show Site Resources (Command-4).
In the Inspector > General Settings tab (Option-Command-1) > enable the Slogan field.
Paste the autoplay video code snippet into that Slogan field:
Add your video filename within the resource () brackets in the above code.
This tutorial will show you how to use the included Aspen Banner Import stack in your website.
This tutorial requires the Stacks third party plugin.
This tutorial will show you how to add a site wide banner image to the Aspen theme.
In RapidWeaver, go to Settings > General, then drag and drop your image in the Banner input box.
Your custom banner will be displayed for all pages in RapidWeaver's Preview mode.
This tutorial will show you how to add a per page banner image to the Aspen theme.
This tutorial will show you how to add a custom site logo in the Aspen Theme.
This tutorial will show you how to embed a responsive YouTube or Vimeo video player on your pages in the Aspen theme.
Copy the embed/share code from the video host.
Copy your YouTube Embed code from here:
Copy your Vimeo Embed code from here:
Paste the embed code in the RapidWeaver page/section where you'd like the fluid video player to appear.
Highlight your code, select Format > Clear Formatting (Option-Command-.), then Format > Ignore Formatting (Command-.).
Your responsive video player should now show in RapidWeaver's Preview mode.
This tutorial will show you how to add a responsive audio player in the Aspen Theme.
Add your .wav or .mp3 file to the RapidWeaver Resources panel (Command-4).
Paste the below audio player code snippet in the RapidWeaver page/section where you'd like the audio player to appear:
Add your audio filename within the resource () brackets in the above code.
Highlight your code, and select Format > Ignore Formatting (Command-.).
In preview, your responsive audio player should now be displayed.
This tutorial will show you how to use the split sidebar feature in the Aspen theme.
This tutorial will show you how to use the sidebar import stack inside your website using the Aspen theme.
This tutorial requires the Stacks third party plugin.
Tutorial showing how to use the Aspen Split stack in your next website built with the Aspen theme.
This tutorial requires the Stacks third party plugin.
This tutorial will show you how to change the "Menu" button text in RapidWeaver's Aspen theme.
To change the menu button text in the Aspen Theme, paste the below CSS code into the Inspector > HTML Code tab (Option-Command-3), > CSS sub-tab:
Once pasted, adjust the quoted 'MENU' text as needed. This will update the “Menu” button text site wide.
In the above example we changed 'MENU' to 'SUPER MENU'.
Aspen comes packed with eCommerce features to help you build a successful eCommerce website. Take your online sales to new heights with Aspen, where only the sky is the limit.
Ecwid is our preferred eCommerce platform and is fully compatible with Aspen. Get Ecwid for a beautiful online store to sell digital or physical products. Learn more, and sign up for a free plan.
Tutorial requires an Ecwid eCommerce account. Sign up for a free plan to get started.
We've put together a short three part video tutorial that goes through how to setup your Ecwid store in RapidWeaver and start selling online with ease.
1) Start Selling online with RapidWeaver and Ecwid
2) Categories & Store Customization
3) Sell Online with Stacks and Ecwid
This tutorial covers the built-in Cartloom eCommerce features that come with the Aspen theme.
Tutorial requires a Cartloom eCommerce account.
Aspen comes with built-in Cartloom eCommerce integration and features.
Display a Cartloom eCommerce shopping cart icon in upper right-hand corner of your page that updates in real-time as items are added or removed from the cart.
Import a shopping bag, shopping basket, or shopping cart icon that triggers Cartloom's View Cart function anywhere in your page layout/design.
Import a shopping bag, shopping basket, or shopping cart icon into Aspen's designated social icon areas that link to your eCommerce page.
To add an interactive shopping icon that updates in real-time as items are added/removed from your shopper's cart:
Go to Settings > Master Style > check the Show Cartloom Cart box > adjust the Shopping Icon Size per your desire.
Paste the Cartloom Javascript snippet below in Settings > Code > Head:
Replace sellername in the above snippet to match your actual Cartloom seller name.
To add an interactive shopping cart icon anywhere in your site's layout/design, copy any of the below code snippets and paste it into your page's content area within RapidWeaver's Edit mode:
Shopping Bag
Shopping Basket
Shopping Cart
Paste the below Cartloom Javascript snippet under Settings > Code > Head:
Replace sellername in the above snippet to match your actual Cartloom seller name.
To add a shopping icon to Aspen's designated theme areas:
Copy your preferred shopping icon code snippet from the below options, then go to Settings > Code > Body > and paste your code there.
Shopping Bag
Shopping Basket
Shopping Cart
If you'd like to link to your eCommerce page from the above icons, replace # with the actual link to your page.
Example:
