Return to previous page

Please help to Make content in HTML format of static block for amp

This topic has 2 replies, 2 voices, and was last updated 7 months, 4 weeks ago ago by Rose Tyler

khurram virk

Participant

March 28, 2024 at 11:07

dear sir

good day to you

we are making pages as per amp requirement–we have put simple table also under the wpdatatable —download tab’s buttpn links also converted to html, please check the below link
https://safeandsecureksa.com/product/stainless-steel-thimble/
please share amp validtor chrome extension link

please help to convert the following into html
The ‘Get it today’ content (https://snipboard.io/Hj9N2u.jpg) is being displayed on a product page (https://safeandsecureksa.com/product/four-leg-web-sling-with-dee-shaped-shackle-screw-pin/) using a static block through an HTML block. But we want to make this content in HTML format and results should be same. Please help us make this content in HTML format.

thank you

#388911 Copied Theme version: 9

1 Answer

Rose Tyler

Support staff

March 28, 2024 at 14:39

Hello,

Good day to you.

Each browser generates its own link so you should google for “chrome amp-validator” => https://prnt.sc/_D8GTySEyBw8
Regarding the AMP Validator Chrome extension, you can find it by visiting the Chrome Web Store and searching for “AMP Validator.” Alternatively, you can use the following link to directly access the extension: [AMP Validator Chrome Extension](https://chrome.google.com/webstore/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc)

About HTML,

<div class="etheme-icon-list">
 <div class="etheme-icon-list-item" style="
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
">
  <span class="etheme-icon-list-item-icon" style="
">
   <span class="etheme-icon-list-item-icon-inner" style="
    color: var(--et_active-color);
">
    <i aria-hidden="true" class="et-icon et-shop"></i>
   </span>
  </span>
  <span class="etheme-icon-list-item-text">
   <b>Pickup:</b> Warehouse, Dammam Branch, Jubail Branch </span>
 </div>
 <div class="etheme-icon-list-item elementor-repeater-item-44e6ea8 has-divider" style="
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
">
  <span class="etheme-icon-list-item-icon">
   <span class="etheme-icon-list-item-icon-inner" style="
    color: var(--et_active-color);
">
    <i aria-hidden="true" class="et-icon et-delivery"></i>
   </span>
  </span>
  <span class="etheme-icon-list-item-text">
   <b>Delivery:</b> 2-3&nbsp;Working&nbsp;Days </span>
 </div>
 <div class="etheme-icon-list-item elementor-repeater-item-2f59579 has-divider" style="
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
">
  <span class="etheme-icon-list-item-icon">
   <span class="etheme-icon-list-item-icon-inner" style="
    color: var(--et_active-color);
">
    <i aria-hidden="true" class="fas fa-certificate"></i>
   </span>
  </span>
  <span class="etheme-icon-list-item-text">
   <b>MTC:</b> Material Test Certificate will be provided with all gears. </span>
 </div>
 <div class="etheme-icon-list-item elementor-repeater-item-c9b3b62 has-divider" style="
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
">
  <span class="etheme-icon-list-item-icon">
   <span class="etheme-icon-list-item-icon-inner" style="
    color: var(--et_active-color);
">
    <i aria-hidden="true" class="fas fa-certificate"></i>
   </span>
  </span>
  <span class="etheme-icon-list-item-text">
   <b>3rd Party MTC:</b> will be provided on customer demand. </span>
 </div>
 <div class="etheme-icon-list-item elementor-repeater-item-4a0a794 has-divider" style="
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
">
  <span class="etheme-icon-list-item-icon">
   <span class="etheme-icon-list-item-icon-inner" style="
    color: var(--et_active-color);
">
    <i aria-hidden="true" class="far fa-credit-card"></i>
   </span>
  </span>
  <span class="etheme-icon-list-item-text">
   <b>Payment:</b> Production starts after full payment </span>
 </div>
 <div style="
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
" class="etheme-icon-list-item elementor-repeater-item-d53ea76 has-divider">
  <span class="etheme-icon-list-item-icon">
   <span style="
    color: var(--et_active-color);
" class="etheme-icon-list-item-icon-inner">
    <i aria-hidden="true" class="fas fa-clipboard-check"></i>
   </span>
  </span>
  <span class="etheme-icon-list-item-text">
   <b>ISO 9001:</b> certified production process with strict quality control measures. </span>
 </div>
 <div class="etheme-icon-list-item elementor-repeater-item-26e6eaf" style="
    padding: 10px 0;
">
  <span class="etheme-icon-list-item-icon">
   <span class="etheme-icon-list-item-icon-inner" style="
    color: var(--et_active-color);
">
    <i aria-hidden="true" class="far fa-file-alt"></i>
   </span>
  </span>
  <a class="etheme-icon-list-item-text" href="http://www.safeandsecureksa.com">
   <b>Return Policy:</b> Please click here to check out "RETURN POLICY" </a>
  <span class="etheme-icon-list-item-label"> HOT </span>
 </div>
</div>

Best Regards,
8Theme’s Team

#388955 Copied

Tagged: amp implementation, content creation, html coding assistance, html format, static block for amp, woocommerce customization, wordpress woocommerce templates
Viewing 2 results - 1 through 2 (of 2 total)