Full-add product MG Description

PHOTO

Wed Sep 21 2022 10:35:29 GMT+0000 (Coordinated Universal Time)

Saved by @FlybubbleCrew #html

<p><em>||Paste all this HTML below the existing Quick-Add HTML in Description field||</em></p>
<p><em>||Check that below sections do not already exist in the existing HTML of the product||</em></p>
  
<p><em>|| OZONE PRODUCTION TIMES ||</em></p>

<h2>Ozone production times</h2>
<p>Ozone wings are made to order. Ozone gives their current approximate production time on their website in working days, for example: "The current production time is approximately 173 days from order to shipping". Add 1-3 weeks for shipping, and allow for unexpected delays. Some may claim shorter delivery times however we're unsure how they can supply faster than the manufacturer themselves can produce and ship! ;-)</p>

<h2>Optional extras</h2>
<ul>
<li>ONLY_ITEMS_NOT_INCLUDED_IN_PRICE_OR_NOT_MANDATORY_FOR_PURCHASING_HERE</li>
<li>DO_NOT_USE_HYPERLINKS</li>
</ul>


<p>_PASTE_EMBED_CODE_FROM_VIMEO/YOUTUBE_HERE FKB: https://bit.ly/3WjyBdU </p>
<p> IDEALLY_MARKETING_VIDEO </p>
<p> IF_NO_VIDEO_THEN_BEST_SUPPLIER_IMAGE </p>
<p> SEE_FKB_CONFIGURING_NEW_PRODUCT_IN_MAGENTO_ADDING_IMAGES </p>
<p> SEE_FKB_FOR_EMBEDDING_VIDEO </p>


<h2>_MODEL_: _STRAPLINE_</h2>
<p>_PASTE_SUPPLIER_BLURB_HERE</p>


<h2>Designer's notes</h2>

<blockquote>
<p>_PASTE_QUOTE_HERE</p>
</blockquote>
<p></p>


<h2>Features</h2>
<p>_PASTE_FROM_SUPPLIER_HERE</p>


<h2>Flybubble review</h2>
<blockquote>
<p>“_PARAGRAPH_1_.</p>
<p>“_PARAGRAPH_2_.</p>
<p>“_PARAGRAPH_3_.</p>
<p>— _FIRSTNAME_ _SURNAME_, Flybubble</p>
</blockquote>
<p>Watch the Flybubble review:</p>
<p>_EMBED_VIDEO_HERE_USING_FKB: https://bit.ly/3GQaywh </p>

<h2>Other reviews</h2>
<blockquote>
<p>“_ONLY_FROM_REPUTABLE_PILOTS_.</p>
<p>“_PARAGRAPH_1_.</p>
<p>“_PARAGRAPH_2_.</p>
<p>“_PARAGRAPH_3_.</p>
<p>— _FIRSTNAME_ _SURNAME_, _COMPANY_ (<a title="_LINK_TITLE_" href="_URL_" target="_blank" rel="noopener">full review</a>)</p>
</blockquote> 
<p></p>

<h3>Materials</h3>

<ul>
<li>_LIST_EACH_MATERIAL_DETAIL_HERE_FROM_SUPPLIER_WEBSITE_</li>
</ul>
                           
<p><em>|| SERVICE INFO & FAQ ||</em></p>


<p><em>|| NIVIUK ||</em></p>
<h2>Niviuk technologies</h2>
<p>Learn about <a href="/blog/niviuk-paraglider-technologies" target="_blank">Niviuk Paraglider Technologies</a></p>


<p><em>|| NOVA ||</em></p>
<h2>Nova service info &amp; FAQ</h2>
<p>Read <a href="http://flybubble.com/blog/nova-service-info-faqs/" title="Nova service info &amp; FAQ" target="_blank">Nova service info and answers to FAQ</a>.</p>


<p><em>|| SKYWALK ||</em></p>
<h2>Skywalk service info &amp; FAQ</h2>
<p>Read <a href="https://flybubble.com/blog/skywalk-service-info-faq" title="Skywalk service info &amp; FAQ" target="_blank">Skywalk service info and answers to FAQ</a>.</p>


<p><em>|| PRODUCT REGISTRATION ||</em></p>


<p><em>|| ADVANCE ||</em></p>
<h2>Advance product registration</h2>
<p>Register your Advance product <a href="https://app.advance.ch/app/en/auth/login_create?thm=_frontend" title="Register your Advance product" target="_blank">here</a>.</p>


<p><em>|| AIRDESIGN ||</em></p>
<h2>AirDesign product registration</h2>
<p>Register your AirDesign product <a href="https://ad-gliders.com/product-registration/?lang=en" title="Register your AirDesign product" target="_blank">here</a>.</p>


<p><em>|| NOVA ||</em></p>
<h2>Nova product registration</h2>
<p>Register your Nova product <a href="https://my.nova.eu/index.php?id=2" target="_blank">here</a>.</p>


<p><em>|| OZONE ||</em></p>
<h2>Ozone product registration</h2>
<p>Register your Ozone product <a href="https://www.flyozone.com/speed/products/product-registration" target="_blank">here</a>.</p>


<p><em>|| SUPAIR ||</em></p>
<h2>Supair product registration</h2>
<p>Register your Supair product <a href="http://www.supair.com/en/register-your-product/" target="_blank">here</a>.</p>


<p><em>|| TRIPLE SEVEN||</em></p>
<h2>Triple Seven product registration</h2>
<p>Register your Triple Seven product <a href="https://777gliders.com/warranty/" title="Register your Triple Seven product" target="_blank">here</a>.</p>

<p><em>|| WOODY VALLEY ||</em></p>
<h2>Woody Valley product registration</h2>

<p>Register your Woody Valley product <a href="https://www.woodyvalley.eu/en/registration-product.php" target="_blank">here</a>.</p>


<h2>Downloads</h2>

<p><em>|| Find 'downloads' in source code and copy & paste HTML code from &lt;ul&gt; to &lt;/ul&gt; ||</em></p>

<p><em>|| SEE_FKB_ADD_PDFS_TO_MAGENTO ||</em></p>

<h3>Manual</h3>

<ul>
<li>_LIST_MANUALS_HERE</li>
</ul>

<h3>Certification</h3>

<ul>
<li>_LIST_CERTIFICATIONS_HERE</li>
</ul>

<ul>
<li>_LIST_MANUALS_HERE</li>
<li>_LIST_CERTIFICATIONS_HERE</li>
<li>_LIST_LINE_PLANS_HERE</li>
<li>_LIST_PRODUCT_BROCHURE_HERE</li>
</ul>

If editing, ensure that the default is updated in PANUP

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

Catalogue

@FlybubbleCrew

Full-add product MG Description Quick-add product MG Description All Brands CMS Page HTML allbrandspagehtml HTML USP on Flybubble website htmlusp HTML device eligible for UK CAA EC rebate scheme ukcaaecrebate HTML stock clearance sale blockquote htmlsaleblock HTML Service report and record of inspection htmlserviceinspect Brand New, On Sale 1st line HTML bnos1lh Ozone Custom Colours & Fabric Resistance Text HTML Product Availability Blockquotes prodavailbq Availability & Order Info with pre-order 'Final product checks' completed, buy and fly

#html #javascript #nodejs

How to Save HTML Form Data in JSON - Express

<form action="/new" method="post">
 
  <input name="title" type="text">
  <input name="description" type="text">
  <button type="submit">Submit Form</button>
 
</form>

> More steps

#html #javascript #jsfunctions #dom #dommanipulation

getAttribute() - how to get the value of any attribute of HTML element

<html>

<input id="contact" name="address">

<script>

    var x = document.getElementById("contact").getAttribute('name');

</script>

</html>

#html #jquery #css #navbar

Underline active navbar link

// in css:
/* Display line under clicked navbar link */
.active {
  text-decoration-line: underline !important;
  text-decoration-thickness: 2px !important;
  color: rgb(20, 19, 19);
}

//in html: 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
      $(document).ready(function () {
        // Underline to remain in navbar after click using URL
        jQuery(function ($) {
          var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
          $('.nav-link').each(function () {
            if (this.href === path) {
              $(this).addClass('active');
            }
          });
        });
      });
    </script>

//Note class in link should be nav-link

C:/Users/intel/Desktop/dig%20fest/Mohd%20Midhlaj%20A%20A%206E%20Website%20Building/index.html

Bootstrap Starter Template

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>

Background Image That Doesn't Scroll on Webpage

body{
    background-image: url("img_tree.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

How to Create a Table in HTML

<table>
  <tr>
    <th>Name</th>
    <th>Phone</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Khan</td>
    <td>12345</td>
    <td>23</td>
  </tr>
  <tr>
    <td>Jamal</td>
    <td>54321</td>
    <td>45</td>
  </tr>
</table>

#html #javascript

Stop YouTube Embedded Video from Playing with Javascript

<main>
	<iframe src="https://www.youtube.com/embed/KQetemT1sWc"></iframe>   
    <a href="#!" onclick="stopThis()">Stop Playing</a>
</main>

<script>
  function stopThis(){
      var iframe = container.getElementsByTagName("iframe")[0];
      var url = iframe.getAttribute('src');
      iframe.setAttribute('src', '');
      iframe.setAttribute('src', url);
  }
</script>

HTML : Responsive Navbar

<!DOCTYPE html>
<!-- Created By TopArchives - www.toparchives.us -->
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Responsive Navbar | TopArchives</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
  </head>
  <body>
    <nav>
      <input type="checkbox" id="check">
      <label for="check" class="checkbtn">
        <i class="fas fa-bars"></i>
      </label>
      <label class="logo">TopArchives</label>
      <ul>
        <li><a class="active" href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Feedback</a></li>
      </ul>
    </nav>
    <section></section>
  </body>
</html>
<!-- DON'T REMOVE CREDITS -->

Bootstrap Fixed Floating Buttons

<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
  <a class="btn-floating btn-lg red">
    <i class="fas fa-pencil-alt"></i>
  </a>

  <ul class="list-unstyled">
    <li><a class="btn-floating red"><i class="fas fa-star"></i></a></li>
    <li><a class="btn-floating yellow darken-1"><i class="fas fa-user"></i></a></li>
    <li><a class="btn-floating green"><i class="fas fa-envelope"></i></a></li>
    <li><a class="btn-floating blue"><i class="fas fa-shopping-cart"></i></a></li>
  </ul>
</div>

#javascript #eventos #mouse #css #html

mover un elemento junto al mouse, dentro de un div (eventos de mouse)

let hijo = document.querySelector('.hijo');
let etiqueta = document.querySelectorAll('.etiqueta');
//El metodo .getBoundingClientRect() nos da 
//la posicion de un elemento con respecto al viewport(en numeros).
// tomare la posicion constante del elemento .hijo 
const coords = hijo.getBoundingClientRect();
const j = coords.top; // estamos obteniendo la posicion top en numero
const k = coords.left;

// se aplica forEach para obtener posicion de cada movimiento del mouse
etiqueta.forEach(link => {
// se obtiene la posicion del mouse con la funcion  mover(e)
    function mover(e){
// se calcula la posicion top y left del mouse al cual le restamos
// la posicion del elemento "hijo"; resultado: mouse e "hijo" juntos 
	 let m = e.pageY ;
	 let n = e.pageX ;

	 let t = m - j;
	 let l = n - k;
	 hijo.style.top = t + "px"; // agregando px a los numeros
	 hijo.style.left = l + "px";
    };
// mouseover dice que entro en elemento etiqueta
    link.addEventListener("mouseover",() => {
	hijo.classList.add("edd1");// solo agrega un class que le da color red

	 window.addEventListener("mousemove",mover);// agrega el evento junto a la funcion 
    });

    link.addEventListener("mouseleave",() => {// mouseleave dice que salio del elemento etiqueta
	hijo.classList.remove("edd1"); // le quita un class, que le quita color red
	 window.removeEventListener("mousemove", mover);// remuev el evento
    });
});

/* Simples estilos para delimitar los div*/
.box{
width: 300px;
height: 300px;
border: solid 1px black;
}
.etiqueta{
width:100px;
height:100px;
position: absolute;
left:50px;
top:50px;
background: green;
overflow: hidden;
position:relative;
}
.hijo{
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: blue;
transform: scale(0); /*desaparece el elemento hijo*/
}
.edd1{
background-color: red;
transform: scale(1); /*reaparece el elemento hijo con el mause al centro*/
} 

// un ejemplo con html
<div class="box">
  <div class="etiqueta">
  <div class="hijo"></div>
  </div>
</div>

Component library css link

<link rel="stylesheet" href="https://grapheneui.netlify.app/Components/components.css" />

#html #alpinejs

Set boolean to true after scrolling on page using Alpine.js

<div
    class="justify-between py-6 md:flex"
    x-data="{
        open: false,
        hasScrolled: false,
        reactOnScroll() {
            if (this.$el.getBoundingClientRect().top < 120 && window.scrollY > 120) {
                this.hasScrolled = true;
            } else {
                this.hasScrolled = false;
            }
        } 
    }"
    x-init="reactOnScroll()"
    @scroll.window="reactOnScroll()"
>

#html #javascript #jsfunctions #dom #dommanipulation

How to change any attribute of a HTML element

<html>	
   
   <input id="contact" name="address">
 
 <script>

    document.getElementById("contact").attribute = "phone";
	
    //ALTERNATIVE METHOD TO CHANGE
    document.getElementById("contact").setAttribute('name', 'phone');	

  </script>

</html>

#html #javascript

Display Date Objects in Shorter Format - MMM DD YYY HH:MM

<p id="date-stamp">Sat Dec 14 2019 16:58:20 GMT+0500 (Pakistan Standard Time)</p>

<script>
        var dateStamp = document.getElementById("date-stamp");
        var date = dateStamp.innerHTML;
        var date2 = date.substr(4, 17);
        dateStamp.innerHTML = date2;
    
</script>

Browse more snippets >>