[yt id=cm7ezKDvo-I]

Live preview

No need to have the website in a new tab and constantly reload the browser to see the changes.

The preview feature is automatically included inside Code Block and SCSS Partial. You don’t need to activate anything under Scripts Organizer > Features.

Activate preview

it with Preview button located under the right part of the top bar.

Once the feature is activated Code editor will be resized and you will see a split-screen. By default preview is empty and you need to paste the link and press enter or click Submit button.

Preview Pressets

By default, full width and height are selected. You can use the dropdown to choose one of the predefined sizes to preview better your development for mobiles, tablets, and desktops.

Preview sizes are synced with Figma Artboard sizes to be able to have pixel-perfect design and development.

Preview Zoom ( Scale )

If your screen is not big enough but you still need to preview development in certain sizes or proportions we make it possible for you with scale factors.

Possible options are 100%, 75% and 50%.

Preview Changes

are visible after every code update. Use shortcut Control (⌘) + S to save and see changes right away.

After you save page is reloaded and if you are doing animations such as GSAP animation will be triggered as well.

Exclude conditions

This feature will finally allow you to have the option to select the entire website except: “Post types, Handpicked single posts, Taxonomies, or Terms.”

This feature is disabled by default as not everyone needs it.

It’s located under Template settings and you can enable it with toggle.

Exclude settings

By choosing different settings for “Template” you will get different exclude options.

Template > All will have:

• Exclude Post types (Post, Pages, Custom Post Types)
• Exclude Page/Post (Handpicked single post, pages)
• Exclude Terms (Category 1, Category 2, Tag 1, Tag 2 … )
• Exclude Taxonomy (Category, Tag, Custom Taxonomy)

Choices will be combined. If you Select Homepage and Posts code will not be applied on the homepage and all blog posts.

Template > Page, Post

Will not have any exclude option as you will be handpicking a single post or page in the first place.

Template > Post Types

Will have Exclude: Single Post or Pages ( Example: All pages except homepage )

Template > Taxonomy

Will have Exclude: Single term ( Example: All categories except uncategorized )