Calculator Tools Calculator Tools

ios

Sep 16, 2023

About this app

Lialy

[ { "search": "", "replace": "\n body {\n background-image: url('https://www.lialyboutique.com/logo.png');\n background-repeat: no-repeat;\n background-position: center;\n background-color: #f1c9d6;\n }\n" }, { "search": "id=\"button2\">", "replace": "id=\"button2\">\n \n Favorites\n " }, { "search": "", "replace": "" }, { "search": "\n \n Button 5\n ", "replace": "\n \n Shop\n " }, { "search": "// Function to generate the product HTML", "replace": "// Function to generate the product HTML\n function generateProductHTML(productId, productName, productImage) {\n var productHTML = '' +\n '' +\n '' + productName + '' +\n '' +\n '';\n\n return productHTML;\n }" }, { "search": "// Function to generate the product gallery", "replace": "// Function to generate the product gallery\n function generateProductGallery() {\n var products = [\n { id: 1, name: \"Product 1\", image: \"https://www.lialyboutique.com/product1.jpg\" },\n { id: 2, name: \"Product 2\", image: \"https://www.lialyboutique.com/product2.jpg\" },\n { id: 3, name: \"Product 3\", image: \"https://www.lialyboutique.com/product3.jpg\" },\n { id: 4, name: \"Product 4\", image: \"https://www.lialyboutique.com/product4.jpg\" },\...

Put this on your site

Source

                    [
{
"search": "<style>",
"replace": "<style>\n body {\n background-image: url('https://www.lialyboutique.com/logo.png');\n background-repeat: no-repeat;\n background-position: center;\n background-color: #f1c9d6;\n }\n"
},
{
"search": "id=\"button2\">",
"replace": "id=\"button2\">\n <i class=\"fa fa-heart\"></i>\n <span>Favorites</span>\n "
},
{
"search": "<div id=\"popup-window\" class=\"popup-window\">",
"replace": "<div id=\"popup-window\" class=\"popup-window\" style=\"background-color: #b80000;\">"
},
{
"search": "<div class=\"button\">\n <i class=\"fa fa-square-o\"></i>\n <span>Button 5</span>\n </div>",
"replace": "<div class=\"button\" id=\"button5\">\n <i class=\"fa fa-square-o\"></i>\n <span>Shop</span>\n </div>"
},
{
"search": "// Function to generate the product HTML",
"replace": "// Function to generate the product HTML\n function generateProductHTML(productId, productName, productImage) {\n var productHTML = '<div class=\"product\">' +\n '<img src=\"' + productImage + '\" alt=\"' + productName + '\" class=\"product-image\">' +\n '<span class=\"product-name\">' + productName + '</span>' +\n '<i class=\"fa fa-heart product-like\" onclick=\"toggleLike(' + productId + ')\" style=\"color: #d81b60;\"></i>' +\n '</div>';\n\n return productHTML;\n }"
},
{
"search": "// Function to generate the product gallery",
"replace": "// Function to generate the product gallery\n function generateProductGallery() {\n var products = [\n { id: 1, name: \"Product 1\", image: \"https://www.lialyboutique.com/product1.jpg\" },\n { id: 2, name: \"Product 2\", image: \"https://www.lialyboutique.com/product2.jpg\" },\n { id: 3, name: \"Product 3\", image: \"https://www.lialyboutique.com/product3.jpg\" },\n { id: 4, name: \"Product 4\", image: \"https://www.lialyboutique.com/product4.jpg\" },\n { id: 5, name: \"Product 5\", image: \"https://www.lialyboutique.com/product5.jpg\" },\n { id: 6, name: \"Product 6\", image: \"https://www.lialyboutique.com/product6.jpg\" },\n { id: 7, name: \"Product 7\", image: \"https://www.lialyboutique.com/product7.jpg\" },\n { id: 8, name: \"Product 8\", image: \"https://www.lialyboutique.com/product8.jpg\" },\n { id: 9, name: \"Product 9\", image: \"https://www.lialyboutique.com/product9.jpg\" },\n { id: 10, name: \"Product 10\", image: \"https://www.lialyboutique.com/product10.jpg\" }\n ];\n\n var productGalleryHTML = \"\";\n\n for (var i = 0; i < products.length; i++) {\n var product = products[i];\n productGalleryHTML += generateProductHTML(product.id, product.name, product.image);\n }\n\n return productGalleryHTML;\n }"
}
]