anwi_website/dist/js/ramproducts/ramproducts.js

function ramProductsInit(){
    const RAM_ID = 106633230000024;
    function init(){
        getRamData(RAM_ID)
    }
    async function getRamData(id){
        let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true); 

        if(resData.isError){
            alert(resData.errorMsg.message);
            return;
        }

        let res = resData.response;
            
        res = JSON.parse(res.result);

        console.log(res);
        let html = '';

        for(let i=0;i<res.length;i++){
            html += getRamCardHTML(res[i]);
        }

        $('.ramsContainer').html(html);

        $('.ramcard').click(function(e){
            let sku = $(e.target).data('sku');
            let itemid = $(e.target).data('itemid');

            window.location.href = `/productdetails.html?productId=${RAM_ID}?sku=${sku}`

        })
    }

    function getRamCardHTML({itemname,pricelist,itemid,sku}){
        let tags = itemname.split('-');
        let ramTech = tags[tags.length-2];
        let gb =  tags[tags.length-1];
        return `<div class="col-lg-3 col-md-6 ram_card">
        <div class="card shadow border-0 p-1 h-100">
            <a href="#">
                <img src="../dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
            </a>
            <div class="card-body">
                <a href="#" class="text-decoration-none text-dark">
                    <h5 class="card-title satoshi_font mb-0">
                        ${itemname}
                    </h5>
                </a>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item border-0 py-0">
                    <span class="satoshi_font">${gb} ${ramTech}</span>
                </li>
                <li class="list-group-item border-0 py-0">
                    <span class="satoshi_font">3200 Mhz</span>
                </li>
            </ul>
            <div class="card-body d-none">
                <button class="btn--md btn-primary w-100 card-link">
                    <span class="cost currency-symbol">₹</span><span class="cost product-price satoshi_font">${pricelist}</span>
                </button>
            </div>
            <div class="card-body text-center">
                <div  data-sku="${sku}" data-itemid="${itemid}" class="bg-black ramcard btn font-1-2 px-5 text-white w-100 satoshi_font" data_des="Upgrade your laptop with DDR4 Laptop
                    Memory, oering 3200 MHz speed in 8, 16,
                    and 32 GB capacities. Experience enhanced
                    thermal performance, increased longevity,
                    and superior performance with our
                    innovative graphene sticker technology." data_name="ORA 8GB DDR4 3200MHz Laptop RAM ">Details
                </div>
            </div>
        </div>
    </div>`
    }

    init();
}

ramProductsInit();