There are two ways to create a theme: With the create command: This is the preferred method to create a custom theme. By fetching active theme files: To know more, see Fetch the Active Theme. When you use the create command to create a theme, maintaining and updating it is more efficient. The new theme inherits… Continue reading Create a Custom Theme in SCA
Tag: Theme development
How to add standard width to a ‘div’ using bootstrap classes.
The bootstrap classes can be used in template files for setting the width of particular divs across all screen width. This can be done instead of using the @media tag in CSS. While updating the theme or when creating new HTML forms, This can be used. Here are the width and corresponding tags are given… Continue reading How to add standard width to a ‘div’ using bootstrap classes.
While using the same extension for different themes.
While using the same extension for different themes, try to avoid the use of color values as static (hex decimal values). Instead, we can use standard variables which are defined in the theme. Eg: $sc-color-primary $sc-color-primary-dark So we can use these types of variables which is defined under the theme under the module “BaseSassStyles“. It… Continue reading While using the same extension for different themes.
Case #4973373: Error message when deploying new SCA Theme version
Try Any of these methods when there is an error faced deploying a new theme. Review permissions on roles and files involved with the theme you are deploying Use a standard role (SCDeployer) then confirm if error is still reproducible with this setup Create a new custom role based on SuiteAnswers Article: “Create a Custom Role with Fetch and Deploy… Continue reading Case #4973373: Error message when deploying new SCA Theme version
Type Error: Cannot read the property ‘files’ of undefined
The error happens in the terminal when deploying the theme/Extension. The reason for the error message is due to the complex file structure of the theme. gulp theme:deploy and gulp extension:deploy commands use SuiteScript Restlet service requests to upload the theme and extension development files to the NetSuite file cabinet. And, SuiteScript’s governance model limits… Continue reading Type Error: Cannot read the property ‘files’ of undefined
To get variable for screen sizes
In SCA it is suggested not to use direct values for different screen sizesHence we need to use screen sizes as variables accordingly To get variable in themes navigation is given below to find variables theme/Modules/twitter-bootstrap-sass/3.4.1/assets/stylesheets/bootstrap/_variables.scss For example 768px we can use $screen-sm-min Screen sizes here will be defined for different devices such as tablets,… Continue reading To get variable for screen sizes
Loading animation using Jquery
This code is to add a loading animation to the ‘Log in’ button on a website. using Jquery
How to remove the Blue bar while clicking.
In Websites sometimes we see a blue bar or blue shadow showing while we’re clicking on any button or any link on the website. It’s a CSS default issue because sometimes we can see this issue in Mobile devices, and Ios devices, and even sometimes we have seen this issue on the desktop of both… Continue reading How to remove the Blue bar while clicking.
Theme Development Life Cycle
The stages of the theme development life cycle follow this basic flow Stage Activity Gulp Command to Use Result 1 Fetch existing theme — You need to download files for the active theme to use as the baseline for your own custom theme. The SuiteCommerce Base Theme is a good starting point. gulp theme:fetch … Continue reading Theme Development Life Cycle