Advertisement
oscarviedma

Script para sincronizar el AppScript de Google Sheet con Divi

Dec 14th, 2023
2,403
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.37 KB | None | 0 0
  1. <section id="ov-listado-menu">
  2. <!-- Aquí es donde se cargará el contenido dinámico -->
  3. </section>
  4.  
  5. <script>
  6. // Hacer una solicitud GET a la URL de la aplicación web de Google Apps Script
  7. fetch('https://script.google.com/macros/s/AKfycbzeXVrsOq7dvgbnQQn-0Mektvb6P9wLe_BRKoZsq6CqlMh6w-XGUWleBDaYX7f6u9Qr/exec')
  8.     .then(response => response.json())
  9.   .then(data => {
  10.   // Procesar los datos y construir el HTML
  11.     var html = '';
  12.     for (var section in data) {
  13.         html += '<h2 class="titulo-seccion">' + section + '</h2>\n';
  14.             for (var i = 0; i < data[section].length; i++) {
  15.             var dish = data[section][i];
  16.          html += '<div class="card-menu">\n';
  17.           html += '<div class="img-cover">\n';
  18.           html += '<img src="' + dish.image + '" alt="' + dish.name + '">\n';
  19.           html += '</div>\n';
  20.           html += '<div class="info-menu">\n';
  21.           html += '<h3 class="titulo">' + dish.name + '</h3>\n';
  22.           html += '<p class="descripcion">' + dish.description + '</p>\n';
  23.           html += '<div class="precio">' + dish.price + '</div>\n';
  24.           html += '</div>\n';
  25.           html += '</div>\n';
  26.         }
  27.       }
  28.     // Insertar el contenido dinámico en el contenedor
  29.       document.getElementById('ov-listado-menu').innerHTML = html;
  30.     })
  31.     .catch(error => console.error('Error al obtener el contenido:', error));
  32. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement