Product page interface template using UX Block Flatsome Flat Ten Sticky

Product Page Interface Template Using Ux Block Flatsome Flat Ten Sticky-02

Product page interface template using UX Block Flatsome Flat Ten Sticky:

Product Page Interface Template Using Ux Block Flatsome Flat Ten Sticky-02
Product Page Interface Template Using Ux Block Flatsome Flat Ten Sticky-02

Contact Form

<!-- CONTACT FORM OF FLAT TEN -->

<div class="flex-row form-flat medium-flex-wrap">
<div class="flex-col flex-grow">
<label> Your name and surname</label>
[text* your-name "John Doe"]
</div>
<div class="flex-col flex-grow">
<label> Your Birthday</label>
[date* birthday placeholder max:2021-03-18 "Your birthday"]
</div>
<div class="flex-col flex-grow">
<label> Your email for news</label>
[email* your-email "Your best email"]
</div>
<div class="flex-col ml-half">
[submit class:button primary "Subscribe"]
</div>
</div>

Shortcode UX Block

Download UX Block Shortcode

CSS

/*STICKY PRODUCT OPTIONS NAVBAR*/ .sticky-down { position: -webkit-sticky; position: sticky; top: 0; overflow: hidden; z-index: 999; }

How to use

This is how to add the code to your website built on Flatsome UX Builder:

ADD CONTACT FORM (CF7 PLUGIN)

  1. Copy to the clipboard
  2. Paste on Contact > Add new > Form
  3. Add a form’s name and save
  4. Done!

ADD SHORTCODE

  1. Copy code to the clipboard
  2. Paste on UX Builder > Add Elements > Import
  3. Click anywhere to refresh it quickly
  4. Done!

ADD CUSTOM CSS

  1. Copy to the clipboard
  2. Paste on Flatsome > Advanced > Custom CSS or Flatsome > Theme Options > Additional CSS
  3. Publish it to see result
  4. Done!

Trả lời

Email của bạn sẽ không được hiển thị công khai.