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.
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.
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%.
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.
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.
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 )