Hover Effects HTML Code:Hover Over MeCSS Code:button:hover {color: #0062FF;border: #0062FF solid 1px;background: #FFFF99;} CSS Fade-in Effect on Hoverbutton{opacity:0.5;}button:hover{opacity:1;}CSS Grow-in Effect on Hoverbutton:hover{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} overriding all the Styles HTML Code: Hello World! CSS Code:p { background-color: yellow; } .className { background-color: blue !important; } #idName { background-color: green; } Truncate Text With Ellipsis HTML Code: Lorem ipsum dolor sit amet consectetur… Continue reading Css properties
Author: Thara Gopi
website performance
Check the domain in https://pagespeed.web.dev/ to get the performance of the website.Review the website status in desktop and mobile. PageSpeed Insights (PSI) reports on the user experience of a page on both mobile and desktop devices, and provides suggestions on how that page may be improved.PSI uses Lighthouse to analyze the given URL in a… Continue reading website performance
SMT page content based on login or logout condition
In smt page for user login and logout different contents have to show.
SCA versions & custom module
versions:Denali and Mont BlancKilimanjaro (2017.2) version of SuiteCommerce AdvancedAconcaguaElbrus only see javasript2018.22019.1 theme updation2019.2 upto this we can create custom module2020.1 from this create extension2020.22021.12021.2 Create a Custom Module In the ‘module’ folder create a ‘customization’ folder create a folder for ‘addresscustom@jj’ and then ‘templates’ folder copy the ‘address_details.tpl’ and ‘ns_package.json’ from ‘Suitecommerce’ -> Address@2.4.3… Continue reading SCA versions & custom module
Coupon code in site builder website
To generate new coupon codeGo to Commerce > Marketing > Promotions > New.The promotion name, start ,end date etc can give.In eligibility subtab our crieteria for giving promotion can give. In below image Minimum purchase of 250 CAD is given for an order.Coupon code can be used in website to get the promotion. Here #TESTIMONIAL the… Continue reading Coupon code in site builder website
Popup builder sleeknote in sitebuilder
Requirement To use a program like popup builder where we can add website popups to our platform. To know how we can join the above program and our website together so we can have specific pop-ups on different pages online. Our Solution/ Documentation For using the Sleek note program paid Sleek note account is needed. After… Continue reading Popup builder sleeknote in sitebuilder
Favourite page for sitebuilder site
PLP page add to favourites: In item cell the wishlist button is given and onclick getCustomerDetails() is called with parameters ‘this’ which hold the tag attributes, and itemid. getCustomerDetails() function is defined in new_add-cart-popup-new.js.From the button elements customerid, itemid, item name, item image, item url, data-price-fav etc are taking and calling the suitelet PCIC-34Add Items… Continue reading Favourite page for sitebuilder site
.wrap() function
The .wrap() function can take any string or object that could be passed to the $() factory function to specify a DOM structure. This structure may be nested several levels deep, but should contain only one inmost element. A copy of this structure will be wrapped around each of the elements in the set of… Continue reading .wrap() function
Promocode remove button text change in site builder
Navigate to Commerce > Web Sites > Website Lists Click the Appearance tab Under the Web Site Templates section we took note of the value for Web Site Theme Navigate to Commerce > Site Builder > Apperarance > Themes Edit the theme that we took note of on step number 3 Click on the Body… Continue reading Promocode remove button text change in site builder
Customize Promo Code Message saying “‘This coupon does not apply to items in cart” displayed on the Checkout Page of a Site Builder Web Store
User may want to customize the Promo Code Message appearing on the Checkout page. 1. Navigate to Commerce > Site Builder > Customize Text 2. Click Customize 3. Click Error Messages 4. Look for ‘This coupon does not apply to items in cart.’ 5. On the box beside it, set the desired warning message 6. Click Save