Step 1: Description of step 1
Step 2: Description of step 2
Step 3: Description of step 3
Step 4: Description of step 4
`;
// Append the installation section to the product page
const productPage = document.querySelector('.product-details__info');
if (productPage) {
productPage.appendChild(installationSection);
}
// Add styles for the installation section
const style = document.createElement('style');
style.innerHTML = `
#installation-section {
margin-top: 20px;
padding: 20px;
border: 1px solid #ccc;
background-color: #f9f9f9;
}
#installation-section h2 {
text-align: center;
margin-bottom: 20px;
}
.installation-images {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.installation-image {
flex: 1 1 22%;
text-align: center;
margin: 10px;
}
.installation-image img {
max-width: 100%;
height: auto;
}
.installation-image p {
margin-top: 10px;
}
`;
document.head.appendChild(style);
});