Ch. 042b Custom Skins

Note: Aleyant is currently conducting a phased rollout of its new checkout process. The enhanced process improves Pressero’s shopping cart by separating payments and shipping into their own pages, moves the approval process into its own workflow, and creates a new Pending area. You may notice changes in this chapter that reflect the new software. If you have any questions, please contact Support. 

Creating Custom Skins for your Sites/Stores

The Aleyant Web-to-Print system has a flexible designing system that allows the user to provide a unique design not only for each website and storefront but also for each customer portal. These unique designs are called "Skins" and have several required files and operations needed in order for them to work correctly.

Each and every skin is comprised of a list of files (some required, some optional) that inform the Aleyant system of how to layout each part of the website, how to style it, and how it behaves. Each of these files is uploaded to the websites skin folder that resides on the Aleyant servers, and the system automatically recognizes the files, reads their contents, and displays the webpage, storefront or customer portal based on their information.

You have two choices for custom skinning: 

  1. Have one of our developers customize one of our default skins for you. In this situation, we will provide a quote to you for the changes you want to be done. This option does not include full site designs or creating skins from scratch. If you want more than just some skin changes to the default skins we provide, see option 2.
  2. If you are an experienced CSS/HTML designer, and you have access to custom skinning, you can customize your own skins. Read the Developers Guide for Custom Skins at https://presserolibrary.chi.v7.pressero.com//files/skins/docs/#/  to see what is involved. 

In both choices, there is a setup fee to add custom skinning to your account and a small monthly maintenance fee. Premier package customers have both fees waived. 

For custom skins, you will have access to a special FTP account that we will create once the custom skin option is purchased. We will also populate the FTP folder with some sample files. 

Once you load your files, the custom skin can be applied to a Site in our Admin area. Sites > Skins > select Custom Skin.



Note: CSS and HTML changes are not instant, there is a 5-minute lag. If you are working on a live Site (one that customers are using), you may want to temporarily switch the Site to one of our ready-to-use Skins. Use the second Site to test changes in your custom Skin code. When finished testing/debugging, you can switch the live Site to your custom skin.

jQuery is supported and the library is included in the default js. Any javascript for a custom skin must be added via the js folder in the FTP account. Javascript you add will be loaded under the jQuery library.

 

Custom Skins and Checkout Process Changes (August 2021) 

Pressero’s checkout process changes, released August 2021, improve the process for subscribers and enhances the user experience for end users by adding new pages (Shipping, Access, Pending page). Due to these changes, the HTML structure of the checkout process pages have changed. Please review these pages on your site(s) to ensure everything works as intended. To assist, Aleyant has published a new checkout.css file. Learn more here: https://presserolibrary.chi.v7.pressero.com//files/skins/docs/#/checkout

Knowledge Base articles related to Custom Skinning