{"hasMaxSupport":true,"hasAnySupport":true,"data":[{"external_id":16,"title":"Cornerstone Forms","slug":"cornerstone-forms","image":"https://max.theme.co/pluginfile.php/293/course/overviewfiles/cornerstone-forms-poster.png","tileImage":"https://max.theme.co/pluginfile.php/293/course/overviewfiles/cornerstone-forms-tile.png","startDate":1770422400,"introTitle":"","description":"","course":[{"section_id":169,"title":"Welcome","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://www.youtube.com/embed/CNq7ciABM-Y?si=Boj-sHVFn_X30zL5"},{"section_id":174,"title":"Information","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p><p dir=\"ltr\"></p><p dir=\"ltr\"></p><div>\r\n\r\n    <h4>Installation</h4>\r\n\r\n  \r\n      <div>Go to the Max section of \r\nthe validation page and follow the \r\nprompts to install and activate. Note, you must be on Pro 6.8+, X 10.8+,\r\n and Cornerstone 7.8+. Once installed and activated, find the \"Forms\" element in Cornerstone. In your dashboard look under Cornerstone &gt; Submissions to view your form's submissions.</div></div><div><div>\r\n    </div>\r\n</div><br>Cornerstone Forms requires PHP 8.1+. Some of these templates require Twig.<p></p><br><p></p><br><p></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""},{"section_id":175,"title":"Contact Form","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Let visitors reach you in seconds. A clean, simple form for name, email, and message.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/298/mod_resource/content/2/contact-form-container.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":176,"title":"Contact Form with Accept","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Capture inquiries and get consent in one step. Includes a terms acceptance checkbox before submission.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/299/mod_resource/content/2/contact-form-with-accept.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":177,"title":"Newsletter Signup","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Grow your list with a frictionless signup. Collect emails with a single field and a compelling call to action.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/300/mod_resource/content/2/newsletter-form.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":178,"title":"RSVP Form","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Make event planning effortless. Let guests confirm attendance and share any details you need.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/301/mod_resource/content/2/rsvp-form.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":179,"title":"User Login","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">A clean, secure login experience for returning users. Just email / username and password — nothing more.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/302/mod_resource/content/2/user-login.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":180,"title":"User Registration","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Onboard new users quickly and smoothly. Collect the essentials to get accounts up and running.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/303/mod_resource/content/2/user-registration-form.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":181,"title":"Password Reset","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Help users change their password without the frustration.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/304/mod_resource/content/2/password-reset.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":182,"title":"Attachment Upload","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Let users submit files and place those files directly in the media manager. Supports drag-and-drop for a seamless experience.<br></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/305/mod_resource/content/1/attachment-upload.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":183,"title":"Filtered Archive","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Give visitors a smarter way to browse your content. Filter by category and go from there.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/306/mod_resource/content/1/filtered-archive.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":184,"title":"Filtered WooCommerce Archive","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Help shoppers find products faster. Powered by WooCommerce with dynamic filtering built in.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/307/mod_resource/content/1/filtered-woo-commerce-archive.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":195,"title":"Post Create with Featured Image","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Create a Posts, Upload an image, and then redirect the browser to your new Post.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/339/mod_resource/content/1/post-create-with-featured-image.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":196,"title":"Post Create with Meta","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Creates a Post and updates using the Action Post Meta Update utilizing the newly created Post.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/341/mod_resource/content/1/post-create-with-meta.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":194,"title":"Realtime Calculation","description":"<div class=\"no-overflow\">A simple realtime calculation that multiplies two fields. This template required Twig.</div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/338/mod_resource/content/1/realtime-calculation.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":185,"title":"Interest Calculator","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Engage visitors with an interactive financial tool. Instantly calculates interest based on user inputs. Requires&nbsp;<a href=\"https://theme.co/cornerstone-charts/\" target=\"_blank\">Cornerstone Charts</a>.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/308/mod_resource/content/1/interest-calculator.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":186,"title":"QR Code Generator","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Turn any URL into a scannable QR code in seconds. Great for print materials, events, and campaigns. Requires free the&nbsp;<a href=\"https://theme.co/docs/qr-code\" target=\"_blank\">QR Code Element</a>.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/309/mod_resource/content/1/qr-code-generator.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":187,"title":"Ad Previewer","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Preview ad creatives before they go live. Enter your copy and assets to see exactly how your ad will look.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/310/mod_resource/content/1/ad-previewer.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":188,"title":"Form Layout Left","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">A two-column layout with labels neatly aligned to the left. Clean structure for longer, more detailed forms.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/311/mod_resource/content/2/form-left-layout.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":189,"title":"Form Layout Right","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Right-aligned labels for a polished, balanced look. Ideal for professional or data-entry style forms.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/312/mod_resource/content/2/form-right-layout.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":190,"title":"Standard Inputs","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Crisp, no-frills input fields that work everywhere. The reliable default for any form style.<br></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/313/mod_resource/content/2/Standard%20Inputs.component.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"component","videoId":"","videoFile":""},{"section_id":191,"title":"Grande Inputs","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Larger input fields for a bold, spacious feel. Perfect for minimal designs where each field deserves room to breathe.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/314/mod_resource/content/2/Grande%20Inputs.component.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"component","videoId":"","videoFile":""},{"section_id":192,"title":"Shadow Inputs","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Subtle drop shadows give each field soft depth and dimension. Adds polish without visual clutter.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/315/mod_resource/content/2/Shadow%20Inputs.component.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"component","videoId":"","videoFile":""},{"section_id":193,"title":"Pill Inputs","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Fully rounded inputs for a modern, friendly look. Great for signup flows and consumer-facing forms.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/316/mod_resource/content/2/Pill%20Inputs.component.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"component","videoId":"","videoFile":""}],"purchased":true,"id":16},{"external_id":15,"title":"SiteDrive","slug":"sitedrive","image":"https://max.theme.co/pluginfile.php/287/course/overviewfiles/sitedrive-poster.png","tileImage":"https://max.theme.co/pluginfile.php/287/course/overviewfiles/sitedrive-tile.png","startDate":1767830400,"introTitle":"","description":"<div class=\"no-overflow\">SiteDrive gives you cloud libraries built specifically for WordPress, making it easy to store, organize, and share files across all of your personal or client sites. Upload once and sync everywhere, manage public or private drives, and keep templates and assets perfectly in sync with simple native integrations that fits directly into your workflow. Tap into the SiteDrive API for even more extensibility.</div>","course":[{"section_id":164,"title":"Welcome","description":"<div class=\"no-overflow\">SiteDrive gives you cloud libraries built specifically for WordPress, making it easy to store, organize, and share files across all of your personal or client sites. Upload once and sync everywhere, manage public or private drives, and keep templates and assets perfectly in sync with simple native integrations that fits directly into your workflow. Tap into the SiteDrive API for even more extensibility.</div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://www.youtube.com/embed/47Org1xWZsk?si=6MzIrPwzBfYfhVfi"},{"section_id":168,"title":"Information","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p><p dir=\"ltr\"></p><div>\r\n\r\n    <h4>Installation</h4>\r\n\r\n  \r\n      <div>Go to the Max section of \r\nthe validation page and follow the \r\nprompts to install and activate. Note, you must be on Pro 6.7+, X 10.7+,\r\n and Cornerstone 7.7+. Once installed and activated, you can see the SiteDrive button in the sidebar of the WordPress Admin area.</div></div><div><div>\r\n    </div>\r\n</div><br><p></p><br><p></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""}],"purchased":true,"id":15},{"external_id":14,"title":"CSAI","slug":"csai","image":"https://max.theme.co/pluginfile.php/279/course/overviewfiles/max-csai%20%282%29.png","tileImage":"https://max.theme.co/pluginfile.php/279/course/overviewfiles/preview-csai.png","startDate":1750374000,"introTitle":"","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Our vision for AI in Cornerstone starts with a strong relationship with \r\nthe tools you are already using. From the power of OpenAI to the nuance \r\nof Claude to the near limitless number of models available on \r\nHuggingFace — CSAI helps you harness the power of this cutting edge \r\ntechnology, right in Cornerstone.<br></p></div>","course":[{"section_id":158,"title":"Welcome","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Our vision for AI in Cornerstone starts with a strong relationship with \r\nthe tools you are already using. From the power of OpenAI to the nuance \r\nof Claude to the near limitless number of models available on \r\nHuggingFace — CSAI helps you harness the power of this cutting edge \r\ntechnology, right in Cornerstone.<br></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://www.youtube.com/embed/HhrZElvrQXE?si=-B5XDY1Ynk1VS5py"},{"section_id":163,"title":"Information","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p><div>\r\n\r\n    <h4>Installation</h4>\r\n\r\n  \r\n      <div>Go to the Max section of the validation page and follow the \r\nprompts to install and activate. Note, you must be on Pro 6.7+, X 10.7+,\r\n and Cornerstone 7.7+. Once installed and activated, you can see the CSAI button in the toolbar and in various controls in Cornerstone.</div></div><div><div>\r\n    </div>\r\n</div><br><p></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""}],"purchased":true,"id":14},{"external_id":13,"title":"Personify","slug":"personify","image":"https://max.theme.co/pluginfile.php/253/course/overviewfiles/poster-personify.png","tileImage":"https://max.theme.co/pluginfile.php/253/course/overviewfiles/preview-personify.png","startDate":1709337600,"introTitle":"","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Beautifully designed, professionally built and highly scalable sites for coaches, consultants &amp; personal brands.<br></p></div>","course":[{"section_id":148,"title":"Welcome","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Beautifully designed, professionally built and highly scalable sites for coaches, consultants &amp; personal brands.<br></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://www.youtube.com/embed/fswXUQ0ljiI"},{"section_id":153,"title":"Information","description":"<div class=\"no-overflow\">We wanted to explain a few important pieces of information to help you get up and running quickly. First, be sure to watch the welcome video above as it gives a good overview to the designs and systems behind each Personify website. Next, be sure to read through the <a href=\"https://theme.co/docs/personify-overview\" target=\"_blank\">Personify Docs</a> for everything from installation to best practices to troubleshooting and more.<br><br>Make sure you are on Pro 6.4.13+ to have a smooth import process. Adding to Library adds the page templates and layout templates to your library. Due to the usage of custom CSS, you can only have one site imported at a time.<br><p dir=\"ltr\"></p>\r\n<p></p><br></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""},{"section_id":149,"title":"The Magnate","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">\r\n\r\n    <a href=\"https://theme.co/personify/the-magnate\" target=\"_blank\" rel=\"noreferer noopener\">\r\n        <img src=\"https://theme.co/app/uploads/personify/magnate-cover.png\" alt=\"\" width=\"1920\" height=\"1080\" role=\"presentation\" class=\"img-fluid atto_image_button_middle\"><br>\r\n    </a>\r\n\r\n</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/255/mod_resource/content/8/the-magnate6.site.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"site","videoId":"","videoFile":""},{"section_id":150,"title":"The Mogul","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">\r\n\r\n<a href=\"https://theme.co/personify/the-mogul\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n<img src=\"https://theme.co/app/uploads/personify/mogul-cover.png\" alt=\"\" width=\"1920\" height=\"1080\" role=\"presentation\" class=\"img-fluid atto_image_button_middle\"><br>\r\n  </a>\r\n\r\n</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/259/mod_resource/content/9/the-mogul6.site.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"site","videoId":"","videoFile":""},{"section_id":151,"title":"The Mover","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">\r\n\r\n<a href=\"https://theme.co/personify/the-mover\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n\r\n  <img src=\"https://theme.co/app/uploads/personify/mover-cover.png\" alt=\"\" width=\"1920\" height=\"1080\" role=\"presentation\" class=\"img-fluid atto_image_button_middle\"><br>\r\n</a>\r\n\r\n</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/261/mod_resource/content/7/the-mover6.site.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"site","videoId":"","videoFile":""},{"section_id":152,"title":"The Muse","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">\r\n\r\n<a href=\"https://theme.co/personify/the-muse\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n\r\n  <img src=\"https://theme.co/app/uploads/personify/muse-cover.png\" alt=\"\" width=\"1920\" height=\"1080\" role=\"presentation\" class=\"img-fluid atto_image_button_middle\"><br>\r\n\r\n</a>\r\n\r\n</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/263/mod_resource/content/8/the-muse6.site.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"site","videoId":"","videoFile":""}],"purchased":true,"id":13},{"external_id":12,"title":"Cornerstone Charts","slug":"cornerstone-charts","image":"https://max.theme.co/pluginfile.php/236/course/overviewfiles/cornerstone-charts-poster.png","tileImage":"https://max.theme.co/pluginfile.php/236/course/overviewfiles/cornerstone-charts-tile.png","startDate":1688166000,"introTitle":"","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Meet the ultimate data visualization tool for WordPress and Cornerstone.<br></p></div>","course":[{"section_id":141,"title":"Welcome","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Meet the ultimate data visualization tool for WordPress and Cornerstone.<br></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://www.youtube.com/embed/1YOWfkKS-Wo?si=70lsQMA8jQzWHXNC"},{"section_id":144,"title":"Information","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p>\r\n<div>\r\n\r\n    <h4>Installation</h4>\r\n\r\n  \r\n      <div>Go to the Max section of the validation page and follow the prompts to install and activate. Note, you must be on Pro 6.3+, X 10.3+, and Cornerstone 7.3+. Once installed and activated, you can search for \"Chart\" in the Element Library to see the available types. Happy Charting!</div></div><div><div>\r\n    </div>\r\n</div><br>\r\n<p></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""}],"purchased":true,"id":12},{"external_id":9,"title":"Web Design Magic","slug":"web-design-magic","image":"https://max.theme.co/pluginfile.php/178/course/overviewfiles/max-web-design-magic.png","tileImage":"https://max.theme.co/pluginfile.php/178/course/overviewfiles/preview-web-design-magic.png","startDate":1670889600,"introTitle":"","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Discover the power of design systems and how to use them to build better, faster, and more beautiful websites.<br></p></div>","course":[{"section_id":96,"title":"Welcome","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Discover the power of design systems and how to use them to build better, faster, and more beautiful websites.<br></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186007"},{"section_id":102,"title":"Information","description":"<div class=\"no-overflow\"><div><h4>How do I use these assets?</h4></div><div>This course focuses on reusable component assets. Add these files to your library and look for \"WDM:\" in your document list. You'll have an example page called \"WDM: Example Page\" to see the assets in action as well as numerous component workspaces. If you have already added to your library, adding again will overwrite the pages if you made any changes on the components. Duplicate and rename the component workspace or page if you wish to build directly from these pages and need to revert back to the original.</div></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""},{"section_id":103,"title":"Atomic Design by Brad Frost","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186027"},{"section_id":104,"title":"Design System Origins","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186108"},{"section_id":105,"title":"Your First Component and Parameters","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186208"},{"section_id":106,"title":"Variable Content with Slots","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186348"},{"section_id":107,"title":"Components as a Self-Documenting System (Exploration of Private, Top Level, and Hide Children Controls)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186428"},{"section_id":108,"title":"Baking in Responsiveness and Overwrites with Prefab Components","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186511"},{"section_id":109,"title":"Component Instances and the \"Customize\" Controls","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186641"},{"section_id":110,"title":"Parameters Overview","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186689"},{"section_id":111,"title":"Advanced Parameter Concepts: Building a Custom Type Scale","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782186967"},{"section_id":112,"title":"Managing Color Styles in a Design System","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782187170"},{"section_id":113,"title":"Managing Font Styles in a Design System","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782187323"},{"section_id":114,"title":"Breakout Mode and Creating Component Variants with Element Conditions","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782187391"},{"section_id":115,"title":"Icons as Labels with Parameters","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">A full list of available UI icons can be found <a href=\"https://theme.co/docs/parameters#parameter-ui-icons\" target=\"_blank\">here</a><br></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782187487"},{"section_id":116,"title":"Advanced Parameter Concepts: The Align Content Pattern","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782187576"},{"section_id":117,"title":"Advanced Parameter Concepts: Custom Backgrounds","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782187607"},{"section_id":118,"title":"Dynamic Classes and Abstracting Responsiveness with Custom CSS","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/782187676"},{"section_id":101,"title":"Web Design Magic Bundle","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">This asset will add multiple \"Component\" pages to your Cornerstone install. Check at the bottom of the Documents list for a \"Component\" called \"_Private\".<br></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/181/mod_resource/content/9/wdm-bundle.component.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"component","videoId":"","videoFile":""}],"purchased":true,"id":9},{"external_id":7,"title":"Gridorama","slug":"gridorama","image":"https://max.theme.co/pluginfile.php/116/course/overviewfiles/max-gridorama.png","tileImage":"https://max.theme.co/pluginfile.php/116/course/overviewfiles/preview-gridorama.png","startDate":1670889600,"introTitle":"","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p><p>Welcome to Gridorama! We've put together a few notes on how to access\n the training, templates, and support. We look forward to joining you \nfor the journey…now let's make you a Grid Master!</p><p></p></div>","course":[{"section_id":54,"title":"Welcome!","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p><p>Welcome to Gridorama! We've put together a few notes on how to access\n the training, templates, and support. We look forward to joining you \nfor the journey…now let's make you a Grid Master!</p><p></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671311049"},{"section_id":94,"title":"Information","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p>\r\n\r\n<h4>Why does my asset look different from the original on my site?</h4>\r\n<p role=\"tabpanel\" id=\"acc-content-why-does-my-asset-look-different-from-2\" aria-labelledby=\"acc-toggle-why-does-my-asset-look-different-from-2\" aria-hidden=\"false\">The Gridorama Expansion Pack was developed on an installation that had its Global Container <strong>Site Width</strong> set to <code>88%</code> and <strong>Site Max Width</strong> set to <code>1000px</code>. Additionally, its <strong>Root Font Size</strong> had the <strong>Mode</strong> set to <strong>Stepped</strong> with its XS-XL values set to <code>16px</code>, <code>16px</code>, <code>18px</code>, <code>18px</code>, and <code>20px</code>\r\n    respectively. If your settings in Theme Options differ from this, it\r\n    could create some minor layout or presentational issues depending on how\r\n    much they vary. In the cases where it is desirable, you might want to\r\n    consider making changes to the Elements or your base options as needed.</p>\r\n<p></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""},{"section_id":55,"title":"Grid Jargon 101","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671313825"},{"section_id":56,"title":"The 2nd Dimension (CSS Grid vs. Flexbox)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671314897"},{"section_id":57,"title":"Content Considerations","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671318551"},{"section_id":58,"title":"Building Your First Grid Template","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671320326"},{"section_id":59,"title":"Percentages Simplified (the fr Unit and repeat() Statement)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671321230"},{"section_id":60,"title":"AI Grids (the auto-fill and auto-fit Keywords)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671321803"},{"section_id":61,"title":"minmax() Magic","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671322444"},{"section_id":62,"title":"Keywords Galore (min-content, max-content, and fit-content)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671323123"},{"section_id":63,"title":"Alignment and Justification Extravaganza","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671666298"},{"section_id":64,"title":"Sizing and Placement","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671666568"},{"section_id":65,"title":"Building a Basic Responsive Grid in Cornerstone","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671666965"},{"section_id":66,"title":"Auto-Responsive Layouts (Pt. 1, Fixed Units)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/131/mod_resource/content/1/gridorama-team-grid.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671667159"},{"section_id":67,"title":"Auto-Responsive Layouts (Pt. 2, Flexible Units)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/133/mod_resource/content/1/gridorama-twitchy.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671667581"},{"section_id":68,"title":"The Gap as Divider Trick","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/135/mod_resource/content/1/gridorama-gap-as-divider-examples.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671667925"},{"section_id":69,"title":"Thinking in Two Dimensions","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/137/mod_resource/content/1/gridorama-slackin.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671669246"},{"section_id":70,"title":"Content Duplets (Pt. 1, Web Design Meat and Potatoes)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/139/mod_resource/content/1/gridorama-basic-duplets.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671669858"},{"section_id":71,"title":"Content Duplets (Pt. 2, Managing Source Order Independence)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671670066"},{"section_id":72,"title":"Content Duplets (Pt. 3, Introduction to Overlapping Content)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671670218"},{"section_id":73,"title":"Content Duplets (Pt. 4, Basic Overlapping Content Example)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/143/mod_resource/content/1/gridorama-flix-top-10.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671670486"},{"section_id":74,"title":"Content Duplets (Pt. 5, Advanced Overlapping Content Example)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/145/mod_resource/content/1/gridorama-interior-delight.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671671163"},{"section_id":75,"title":"Content Duplets (Pt. 6, Content Stacking and the 1x1 Grid)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671671523"},{"section_id":76,"title":"The Secret Power of Auto (Pt. 1, Intrinsic Row Sizing)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671671687"},{"section_id":77,"title":"The Secret Power of Auto (Pt. 2, Perfect Section Transitions)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/149/mod_resource/content/1/gridorama-auto-divider-grid.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671706743"},{"section_id":78,"title":"The Secret Power of Auto (Pt. 3, Faux Masonry Layouts)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671707002"},{"section_id":79,"title":"The Secret Power of Auto (Pt. 4, Dense Layouts)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/152/mod_resource/content/1/gridorama-sweet-grid.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671707245"},{"section_id":80,"title":"Creative Templating (Pt. 1, Mosaics)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671707616"},{"section_id":81,"title":"Creative Templating (Pt. 2, Mondrian Layouts)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/155/mod_resource/content/1/gridorama-micro-mondrian.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671707967"},{"section_id":82,"title":"Creative Templating (Pt. 3, Collages)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/157/mod_resource/content/1/gridorama-delectable-donuts.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671708508"},{"section_id":83,"title":"Creative Templating (Pt. 4, Breakout Elements)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/159/mod_resource/content/1/gridorama-granny-smith-grid.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671708994"},{"section_id":84,"title":"Creative Templating (Pt. 5, Containers Without Containers)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671709676"},{"section_id":85,"title":"Grid Can Do That? (Pt. 1, Megamenus)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/162/mod_resource/content/1/gridorama-megamenu-grid.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671709916"},{"section_id":86,"title":"Grid Can Do That? (Pt. 2, Dynamic Backgrounds)","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/671710372"},{"section_id":87,"title":"Grid Can Do That? (Pt. 3, Slider Grids)","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/247/mod_resource/content/1/gridorama-gridlock-gallery.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/671792749"},{"section_id":88,"title":"Bonus: Gridorama Sales Page","description":"","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/683022987"}],"purchased":true,"id":7},{"external_id":3,"title":"Super Loopers","slug":"super-loopers","image":"https://max.theme.co/pluginfile.php/21/course/overviewfiles/max-super-loopers.png","tileImage":"https://max.theme.co/pluginfile.php/21/course/overviewfiles/preview-super-loopers.png","startDate":1668297600,"introTitle":"","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Loopers, Providers, Consumers, Oh my! Learn how to dynamically loop through arrays of data, and create re-usable, data-driven designs.<br></p></div>","course":[{"section_id":7,"title":"Welcome","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Loopers, Providers, Consumers, Oh my! Learn how to dynamically loop through arrays of data, and create re-usable, data-driven designs.<br></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://player.vimeo.com/video/785144506"},{"section_id":11,"title":"Information","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p><div><h4>How do I use these assets?</h4></div><div>Add to library or document to get started.<br></div><div><br></div><div><h4>Where do I go if I have additional questions?</h4>\r\n\r\n<div>\r\n    <p role=\"tabpanel\" id=\"acc-content-where-do-i-go-if-i-have-3\" aria-labelledby=\"acc-toggle-where-do-i-go-if-i-have-3\" aria-hidden=\"false\">Our team is happy to help in the <strong><a target=\"_blank\" rel=\" noopener noreferrer\" href=\"https://theme.co/forum/\">support forum</a></strong> if you have any additional product questions. Happy design!</p></div></div><br><p></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""},{"section_id":119,"title":"Recent Posts","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/211/mod_resource/content/1/super-loopers-01-recent-posts.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/785144515"},{"section_id":120,"title":"Using Multiple Looper Consumers for Variable Styling","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/212/mod_resource/content/1/super-loopers-02-json-restaurant-menu.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/785144762"},{"section_id":121,"title":"Custom Navigation Elements with JSON Loopers","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/213/mod_resource/content/1/super-loopers-03-json-navigation.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/785144873"},{"section_id":126,"title":"Netflix Favorites","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Special guest Josh Donnelly creates a Netflix inspired favorites list looper and shows us how to use every plugin along the way.</p><p dir=\"ltr\" style=\"text-align: left;\">This creates a Section Template labeled \"Favorites Archive\".<br></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/235/mod_resource/content/1/favorites-archive.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/787024694"},{"section_id":122,"title":"Looping Over Words with the String Provider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/214/mod_resource/content/1/super-loopers-04-strings-words.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/785144951"},{"section_id":123,"title":"Looping Over Letters with the String Provider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/215/mod_resource/content/1/super-loopers-05-strings-letters.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/785145015"},{"section_id":146,"title":"Notion Page List","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"><a href=\"https://notion.so\" target=\"_blank\" style=\"color: currentColor; text-decoration: underline\">Notion</a> is the connected workspace where better, faster work happens. With the <a href=\"https://theme.co/docs/external-api-integration\" target=\"_blank\" style=\"color: currentColor; text-decoration: underline\">External API</a> we can connect Cornerstone to your Notion data. This feature is only on Pro 6.4+, Cornerstone 7.4+, and X 10.4+.<br><br>In this episode of Super Loopers we go over how to connect, read the API docs, create a Global External API Endpoint, and finally display a list of notion pages and a list of blocks in a notion page.<br><br>To setup these templates you will need to setup a Notion account and API key which we go over in the initial parts of the video. After that you will need to do the following.<br><br><a href=\"https://theme.co/app/uploads/share/external-api/notion-theme-options.json\" download=\"notion-theme-options.json\" target=\"_blank\" rel=\"noreferer noopener\" style=\"color: currentColor; text-decoration: underline\">Download</a> this Theme Options output. <strong>Very important</strong> to note, if you already have setup Global Endpoint then this will <strong>overwrite</strong><span> your current endpoints. Only do this if you haven't ever setup a Global Endpoint. Go into the Globals tab and press the import button in the top right of the pane. Then import this file.<br><br>The alternative is to setup another Global Endpoint following the guide in the video. It will look similar to this.<br><br><img src=\"https://theme.co/app/uploads/share/external-api/notion-global-endpoint.png\" alt=\"Notion Global Endpoint controls setup\" width=\"777\" height=\"1048\" class=\"img-fluid atto_image_button_text-bottom\"><br></span><br><br><br></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/249/mod_resource/content/2/notion-list.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/882941477"},{"section_id":147,"title":"Notion Page","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">There is a parameter to let you change the page id for testing in the preview. Not all Notion blocks are currently supported, especially third party ones. Using the `type` looper field, like the conditions will show you in the template, you can build using Notion's API anyway you see fit.<br></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/250/mod_resource/content/1/notion-page.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""},{"section_id":154,"title":"Custom Events Calendar","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Download the PHP Code <a href=\"https://theme.co/app/uploads/share/super-loopers/Cornerstone-Events-Calendar-Code.txt\" target=\"_blank\">Here</a><br>Download the ACF data <a href=\"https://theme.co/app/uploads/share/super-loopers/acf-event-post-type-and-fields-import.json\" target=\"_blank\">Here</a><br></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/269/mod_resource/content/2/events-calendar-archive.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/991698145"},{"section_id":155,"title":"Popularity Tracker","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">Download the blog posts tracker code <a href=\"https://theme.co/app/uploads/share/super-loopers/popularity-tracker-blog-posts-code.txt\" target=\"_blank\">here</a></p><p dir=\"ltr\" style=\"text-align: left;\">Download the CPT tracker code <a href=\"https://theme.co/app/uploads/share/super-loopers/popularity-tracker-custom-cpt-code.txt\" target=\"_blank\">here</a><br></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/271/mod_resource/content/2/popularity-tracker.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/991699820"},{"section_id":156,"title":"FacetWP Dropdown Filter","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">This template will add the FacetWP Dropdown Filter to your site.</p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/274/mod_resource/content/1/facet-wp-dropdown-1-0-0.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://www.youtube.com/embed/b0QCo8T-3cU?si=3H9FV1jiH9OP03Kr"},{"section_id":157,"title":"FacetWP Pagination","description":"<div class=\"no-overflow\"><p dir=\"ltr\">This template will add the FacetWP Pagination used in the video to your site.</p><br><p></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/275/mod_resource/content/1/facet-wp-pagination-1-0-0.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":""}],"purchased":true,"id":3},{"external_id":2,"title":"Modern Sliders","slug":"modern-sliders","image":"https://max.theme.co/pluginfile.php/14/course/overviewfiles/max-modern-sliders.png","tileImage":"https://max.theme.co/pluginfile.php/14/course/overviewfiles/preview-modern-sliders.png","startDate":1668297600,"introTitle":"","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">We're so excited to have you on board for Modern Sliders. Here are a\n    few quick notes about going through the course and expansion pack.<br></p></div>","course":[{"section_id":32,"title":"Welcome","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\">We're so excited to have you on board for Modern Sliders. Here are a\n    few quick notes about going through the course and expansion pack.<br></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":"https://www.youtube.com/embed/cJPE5ocGu0Q"},{"section_id":95,"title":"Information","description":"<div class=\"no-overflow\"><h4>Where can I learn about the new Slider Element?</h4>\r\n                      <p>The best place to start is the <strong><a target=\"_blank\" rel=\" noopener noreferrer\" href=\"https://theme.co/docs/sliders/\">Slider documentation</a>.</strong> This will walk you through the entire Element front to back including a detailed video walk-through broken down by chapters.</p><p><br></p>\r\n                      <h4>How do I access the material?</h4>\r\n                      <p>To view the training videos, click the “Course” menu item. To access the slider templates, click the “Expansion Pack” menu item.</p><p><br></p>\r\n                      <h4>Why does my asset look different from the original on my site?</h4>\r\n                      <p>The Modern Sliders expansion pack was developed on an installation that had its Global Container <strong>Site Width</strong> set to <code>88%</code> and <strong>Site Max Width</strong> set to <code>1000px</code>. Additionally, its <strong>Root Font Size</strong> had the <strong>Mode</strong> set to <strong>Stepped</strong> with its XS-XL values set to <code>16px</code>, <code>16px</code>, <code>18px</code>, <code>18px</code>, and <code>20px</code> respectively. If your settings in Theme Options differ from this, it could create some minor layout or presentational issues depending on how much they vary. In the cases where it is desireable, you might want to consier making changes to the Elements or your base options as needed. Finally, all Slider examples were developed as <strong>direct children of the Section Element.</strong> If you use these within nested markup, you may have to make some adjustments to get things to look the way you desire.</p><p></p></div>","tcoFile":false,"tcoFileType":false,"videoId":"","videoFile":""},{"section_id":33,"title":"Pricing Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/79/mod_resource/content/3/pricing-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635411106"},{"section_id":34,"title":"Fullscreen Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/81/mod_resource/content/2/fullscreen-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635444677"},{"section_id":35,"title":"Timeline Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/83/mod_resource/content/2/timeline-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635430986"},{"section_id":36,"title":"Hero Posts Slider","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"><strong>Updates since filming:</strong></p><ul><li>An Element Condition has been added to the “Figure” Div so that it is only output if a featured image is set. Additionally, the <code>background-color</code> of the Slide has been set to <code>#111111</code>\n to give it a slight offset from the Slider's black background so you \ncan still see the animation transition in case a featured image is not \nset.</li></ul><p></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/85/mod_resource/content/2/hero-posts-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635437162"},{"section_id":37,"title":"Paged Product Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/88/mod_resource/content/2/paged-product-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635479627"},{"section_id":38,"title":"Hero Prompt Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/90/mod_resource/content/2/hero-prompt-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635452095"},{"section_id":39,"title":"Post Scroll Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/92/mod_resource/content/2/post-scroll-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635447425"},{"section_id":40,"title":"Post Carousel Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/94/mod_resource/content/2/post-carousel-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635461540"},{"section_id":41,"title":"Logo Carousel Slider","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"><strong>Updates since filming:</strong></p><ul><li>The asset has been updated to use <code>positionTop</code> in the JSON Looper Provider, which is later applied to the <strong>Top</strong> control of the <strong>Position</strong> control group for the Div surrounding each Logo.</li></ul><p></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/96/mod_resource/content/2/logo-carousel-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635473167"},{"section_id":42,"title":"Stacked Testimonial Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/99/mod_resource/content/2/stacked-testimonial-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635494087"},{"section_id":43,"title":"Perspective Carousel Slider","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"><strong>Updates since filming:</strong></p><ul><li>An\n additional slide was added, bringing the total Slide count to seven. \nThis ensures an equal amount of Slides on either side of the “current” \nSlide and a more symmetrical layout.</li><li>The <code>rotateY()</code> value was updated to use <code>rotateY(calc(20deg * (var(--x-slide-balance) * -1) * clamp(1, var(--x-slide-distance), 2)))</code>, which features a <code>clamp()</code> statement around the <code>--x-slide-distance</code> custom property to ensure that the Slide does not over-rotate.</li></ul><p></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/101/mod_resource/content/3/perspective-carousel-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635506843"},{"section_id":44,"title":"Image Gallery Carousel Slider","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"></p><p dir=\"ltr\"><strong>Updates since filming:</strong></p><ul><li>The slides now use a “conditional border radius” trick that you can learn more about <strong><a href=\"https://ishadeed.com/article/conditional-border-radius/\" target=\"_blank\">here</a></strong>.</li></ul><p></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/104/mod_resource/content/2/image-gallery-carousel-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635514297"},{"section_id":45,"title":"Standard Testimonial Carousel Slider","description":"","tcoFile":"https://max.theme.co/webservice/pluginfile.php/106/mod_resource/content/1/standard-testimonial-carousel-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635501116"},{"section_id":46,"title":"Autoplay Progress Slider","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"><strong>Updates since filming:</strong></p>\n<ul>\n    <li>The\n        asset is not fullscreen out of the box, but can easily be styled that\n        way by following the settings in the video. The dimensions of each Slide\n        are determined by their <code>padding</code> and a <code>margin-top</code> value on the Headline.</li>\n</ul>\n<p></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/108/mod_resource/content/2/autoplay-progress-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/637941617"},{"section_id":47,"title":"People Carousel Slider","description":"<div class=\"no-overflow\"><p dir=\"ltr\" style=\"text-align: left;\"><strong>Updates since filming:</strong></p><ul><li>The asset has been updated to use the <strong>Marquee</strong> Autoplay option.</li></ul><p></p></div>","tcoFile":"https://max.theme.co/webservice/pluginfile.php/112/mod_resource/content/1/people-carousel-slider.tco?forcedownload=1&token=58019ad8d16b81da12412e33172d552c","tcoFileType":"element","videoId":"","videoFile":"https://player.vimeo.com/video/635490212"}],"purchased":true,"id":2}]}