Image overlay is the technique of adding text or images over another base image. Background-image and background CSS properties to add image and linear-gradient overlay effect. Example: { background-image: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(‘images/windmill.jpg’); } position:absolute, top, bottom, right, left CSS properties to control the position of overlay image or text. Example: { position: absolute;} There are two types of overlay: Image overlay – Adding image over… Continue reading CSS image overlay
Month: November 2022
Add Brand as facet option
To create a custom field for Brand. customization –> Lists, Records, & Fields –> Item Fields –> NewThen fill all the neccessary fields like Label, ID and all then save it. you can go to Customization –> Lists, Records, & Fields –> Item Fields to chech whether the Brand filed is created or not. Now… Continue reading Add Brand as facet option
How to add hr tag in a single page without affecting in other pages
Here in most of the cases the HR tag will appear in all of the page while giving Because of that so many alignment issues will come for that we can create a container like as same as default one then give a separate condition for that created container. For example as shown in the… Continue reading How to add hr tag in a single page without affecting in other pages
Test case document-Functionality of sorting based on brand and sub category
QTP-Testing Tools
QTP stands for QuickTest Professional, a product of Hewlett Packard (HP). This tool helps testers to perform an automated functional testing seamlessly, without monitoring, once script development is complete. HP QTP uses Visual Basic Scripting (VBScript) for automating the applications. The Scripting Engine need not be installed exclusively, as it is available as a part of the Windows OS. Where QTP Fits… Continue reading QTP-Testing Tools
How to add Sort By Brand option to Items in PLP Page
In PLP its show option sort by Brand option while click on that items of that brand will show. Steps: Step 1: create a custom Item name it as CUSTOM BRANDS and type as List/Record and add list of brands Step 2: Add CUSTOM BRANDS to website Search Index > Sort Fields Step 3: Add… Continue reading How to add Sort By Brand option to Items in PLP Page
Display in stock message for stock items
Verify the item stock available. List> accounting> items .Find Some random Item and view the item. CREATE PLP EXTENSION : I. First we need to create a extension in terminal .II. After that we need to activation the plp extension.III. While we have to run the terminal by (gulp extension:fetch)->after that (gulp extension:local)IV. Then go… Continue reading Display in stock message for stock items
Add Modules to checkout in different pages
We can add modules at the checkout screens like review, confirmation, opc. we need to mention the view files on the addModuleToStep. In this we have also added additional condition to check whether we are on right page added a sample code
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.
how to add the breadcrumbs to a checkout page
how to add the breadcrump in the checkout page using the extension first we need to create a new extension and write the extend wrap method next find the view of the check out page in source file using the class and add the breadcrumbs function. getBreadcrumbPages: function () { var breadcrumbs = [ ]; … Continue reading how to add the breadcrumbs to a checkout page