Sky Pilot adds dynamic pages to your Shopify store where customers can download files or view videos attached to their purchased products. These pages can be customized in two ways: via basic settings or via HTML/CSS and Liquid code from your Sky Pilot account.
1. Basic Customization (via Customize)
For simpler, non-technical adjustments:
- Go to Settings
- Click on Library and Account Settings
- Click Customize on your current theme
In the Customize view, you can make basic layout and functionality adjustments, including:
- Adjusting spacing and width of sections.
- Enabling or disabling product/file search.
- Video and audio player settings (e.g., disable download, set autoplay).
- EPUB reader settings.
- Product description settings.
Note: When you are on the customize page, you will see a preview of the download page on the right and customization options on the left. The preview is just a "lite" preview. While it does show the download page, it is very limited in functionality. To see the actual, full preview, we recommend having the real download URL open in a separate tab.
2. Advanced Customization (via Edit Code)
For full control over the design and functionality:
- Go to Settings
- Click on Library and Account Settings
- In the current theme, click on Actions and select Edit Code
styles.css
The styles.css file should be your first stop for styling. You can edit this file for basic visual tweaks—like adjusting colors, fonts, and spacing—without having to touch the complex Liquid templates. This ensures a consistent look across all your delivery pages.
Liquid Templates
If you need to change the structure or logic of the pages, you can edit the following templates. The available Liquid variables for each are listed below:
- order.liquid This is the template for delivering digital goods for a specific order. Available variables: Order, Shop
- customer.liquid This is the template for delivering digital goods for all of a customer's past orders (their "Library"). Available variables: Customer, Shop
- line_item.liquid This is the template for delivering digital goods for a specific line item. Available variables: line_item, Order, Customer, Shop
- collection.liquid This is the template for delivering a specific collection belonging to a line item. Available variables: line_item, Order, Customer, Shop, Collection
- file.liquid This is the template for delivering a specific file belonging to a line item. Available variables: line_item, Order, Customer, Shop, File, Collection
- video.liquid This is the template for delivering a specific video belonging to a line item. Available variables: line_item, Order, Customer, Shop, Video, Collection
Pro-Tip: The "Live View" Workflow
The best way to make sure you are doing things right (especially when editing code) is to view the changes on a real order page.
We suggest making a test order for a product with a file on your store. You can either:
- Place a regular test order through Shopify by buying the product and checking out.
- Go to Sky Pilot > Orders > Add Free Order.
When the order is created, copy the download link from it and open it up in a new tab. This will help you see the changes you're making to the download page live every time you refresh.
