feat: implement theme_prime and theme_vibrant_marketplace with comprehensive assets, custom snippets, and core frontend logic.(ver 17 not upgrate yet)
This commit is contained in:
hoangvv
@@ -0,0 +1,754 @@
|
||||
<div class="container position-relative pb-3" style="max-width: 1140px;">
|
||||
<div class="first-parent position-absolute d-none d-lg-block" style="width:100vw;height:100%;background-color:#f5f5f5;margin-left: calc((1094px - 100vw) / 2);margin-top: -15px;padding: 56px;"></div>
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden" style="border-radius: 20px;min-height: 800px;">
|
||||
<div class="col-md-12">
|
||||
|
||||
<!--HEADER START-->
|
||||
<div class="row g-0 overflow-hidden position-absolute" style="border-radius:16px;width: 96%;margin: 2%;">
|
||||
<div class="col-md-12">
|
||||
<div class="h-100 p-1 o_install_prompt" style="backdrop-filter: blur(4px);max-width: 100%; width: 100% !important; opacity: 1; background-color: #00000024; border: 1px solid rgb(193 181 181 / 22%); border-radius: 16px;">
|
||||
<span class="d-none d-md-block position-relative pull-right" style="">
|
||||
<div class="text-center position-absolute w-100" style="margin-top:7px">
|
||||
<small style="font-weight:600; color:#c3cad1; font-size:10px; display:inline-block;">
|
||||
Need a help?
|
||||
</small>
|
||||
</div>
|
||||
<a href="mailto:info@droggol.com?subject=Need info regarding Theme Prime" style="font-family: 'Inter';color:#fff; font-weight:bold; font-size:15px; display:inline-block; padding:28px 20px 16px 20px;" target="_blank">info@droggol.com</a>
|
||||
<div></div>
|
||||
</span>
|
||||
<img src="images/prime-logo.png" style="width: 160px;margin-top: 6px;margin-bottom: 5px;" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--HEADER END-->
|
||||
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/hero.png" class="img img-responsive" loading="lazy"/>
|
||||
<img src="images/hero-2.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100 ">
|
||||
<a style="height: 4%;width: 18%;margin-top: 31%;margin-left: 4%;display:block;" class="position-absolute" href="https://youtu.be/iXAEbhTxXM4" target="_blank"> </a>
|
||||
<img src="images/theme-configurator.png" class="img img-responsive" loading="lazy"/>
|
||||
<img src="images/config-footer.png" class="img img-responsive" loading="lazy"/>
|
||||
<!-- <div style="margin-top: -16%;margin-left: 13%; padding-top: 3px; padding-left: 3px;height: 2%;width:26%;font-family:'Inter';font-weight:bold" class="position-absolute ">
|
||||
www.droggol.com/r/pg16
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 o_cc4 d-none">
|
||||
<ul class="nav nav-pills flex-row bg-white justify-content-around px-3" role="tablist">
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block active" id="nav_tabs_link_1" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#livechat" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important; cursor: pointer;">
|
||||
<img src="images/snippet_thumb/1.png" class="img img-responsive ss" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_2" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#contact_form" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/2.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_3" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#reviews" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/3.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_4" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#upsell_cross_sell" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/4.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/5.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/6.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/7.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/8.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/9.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/10.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/11.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/12.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/13.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/14.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/15.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/16.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
|
||||
<span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
|
||||
<span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
|
||||
<img src="images/snippet_thumb/17.png" class="img img-responsive" style="max-width: 46px;"/>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 d-none">
|
||||
|
||||
<div class="tab-pane fade active show" id="livechat" role="tabpanel" aria-labelledby="livechat">
|
||||
<p class="fw_medium text-md-center">Answer your visitors questions instantly. <br>Messages pop up on your backend.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="contact_form" role="tabpanel" aria-labelledby="contact_form">
|
||||
<p class="fw_medium text-md-center">Create customized forms to convert more, and integrate them in your business flow in just a few clicks.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews">
|
||||
<p class="fw_medium text-md-center">Let people review and rate your products. Showcase your best products thanks to customers' comments.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="upsell_cross_sell" role="tabpanel" aria-labelledby="upsell_cross_sell">
|
||||
<p class="fw_medium text-md-center">Boost your sales with cross-selling and upselling opportunities on product pages, in the cart, or at checkout.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="coupons_and_promotions" role="tabpanel" aria-labelledby="coupons_and_promotions">
|
||||
<p class="fw_medium text-md-center">Encourage potential customers to buy your products with coupons and promotion campaigns.</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="bg-white h-100">
|
||||
<!-- <img src="images/search-ss.gif" class="img img-responsive position-absolute" style="margin-top: 251px; width: 50%;" loading="lazy"/> -->
|
||||
<video class="position-absolute" style="margin-top: 244px;width: 50%;margin-left: 2%;" autoplay muted loop>
|
||||
<source src="images/searchss.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="images/smart-search.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/megamenu-hero.png" class="img img-responsive" loading="lazy"/>
|
||||
<div class="border-bottom text-center">
|
||||
<img src="images/megamenu.gif?4de8d3b" class="img img-fluid" style="width: 85%;" loading="lazy">
|
||||
</div>
|
||||
<img src="images/megamenu-footer.png" class="img img-responsive mt-5" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/header.png" class="img img-responsive" loading="lazy"/>
|
||||
<div class="border-bottom text-center">
|
||||
<img src="images/header.gif" class="img img-fluid" style="width: 92%;" loading="lazy">
|
||||
</div>
|
||||
<img src="images/headers-2.png" class="img img-responsive mt-0" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/cards.png" class="img img-responsive" loading="lazy"/>
|
||||
<img src="images/cards.gif" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/cart-1.png" class="img img-responsive" loading="lazy"/>
|
||||
<img src="images/cart-2.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/hotspot-1.gif" class="img img-responsive position-absolute" style="margin-top: 18%;width: 48%;" loading="lazy"/>
|
||||
<img src="images/hotspot-3.png" class="img img-responsive position-absolute" style="width: 54%;margin-top: 24%;margin-left: 16%;" loading="lazy"/>
|
||||
<img src="images/hotspot-4.gif" class="img img-responsive position-absolute" style="margin-top: 62%;margin-left: 3%;" loading="lazy"/>
|
||||
<img src="images/hotspot.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/b2b-mode.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<video class="position-absolute" style="margin-top: 18%;width: 43%;margin-left: 6%;" autoplay muted loop>
|
||||
<source src="images/mobile.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="images/mobile.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/pwa.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/settings.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/filter.gif" class="img img-responsive position-absolute border deep-2 " loading="lazy" style="position: absolute; width: 25%; margin-top: 21%; margin-left: 30%; border-radius: 10px;"/>
|
||||
<img src="images/filters-hero.png" class="img img-responsive" loading="lazy"/>
|
||||
<img src="images/filter-footer.png" class="img img-responsive border-top" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative my-5">
|
||||
<div class="row" style="border-radius: 20px;">
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/01-quick-view.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/02-tabs.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/03-pricelist.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<!-- <div class="col-md-6 mb-5">
|
||||
<img src="images/features/04-portal.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div> -->
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/05-offers-popup.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/06-attr-popup.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/07-doc.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/08-doc.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/09-brand.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/10-countdown.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/11-icons.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/12-coming-soon.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/13-zoom.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/14-pricelist-timer.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/15-multi-website.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/16-rtl.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/17-highlited-menu.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/18-all-brands-page.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<img src="images/features/19-layload-products.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div>
|
||||
<!-- <div class="col-md-6 mb-5">
|
||||
<img src="images/features/20-product-tags.png" class="img img-fluid deep-2 bg-white"
|
||||
style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative mb-5">
|
||||
<div class="row mb-5 deep-2 bg-white overflow-hidden" style="margin:0px; border-radius:20px">
|
||||
<div class="col-md-7 mb-0 p-0 mt-4">
|
||||
<div class="position-relative">
|
||||
<img src="images/features/90-demo-1.png" class="img img-fluid bg-white" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 d-flex p-0 border-left">
|
||||
<div class="row g-0 w-100">
|
||||
<div class="col-md-12 border-bottom d-flex align-items-center w-100 border-right" style="background-color:#ffefef">
|
||||
<div class="col-md-12 bordser-bottom border-right p-4"><span class="o_ripple d-block position-absolute rounded-circle" style="height:409.797px; width:409.797px"></span>
|
||||
<h2 style="font-weight:400; color:#E84E48"> Explore Live Demo <br>for <b>Electronic Store</b></h2>
|
||||
<div class="card border-0 my-4">
|
||||
<div class="card-header" style="font-weight:600; font-family:'Inter'; padding:12px 10px; text-align:center; color:#ffffff; background-color:#E84E48; border:1px solid #bedce6">
|
||||
Copy Given URL for Demo</div>
|
||||
<div class="card-body" style="border:1px solid #ccc; border-top:0px">
|
||||
<p class="card-text text-center" style="font-size:25px; font-weight:300; font-family:'Inter'">
|
||||
droggol.com/r/demo17-1 </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
<div class="position-relative mb-5">
|
||||
<div class="row mb-5 deep-2 bg-white overflow-hidden" style="margin:0px; border-radius:20px">
|
||||
<div class="col-md-7 mb-0 p-0 mt-4">
|
||||
<div class="position-relative">
|
||||
<img src="images/features/90-demo-2.png" class="img img-fluid bg-white" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 d-flex p-0 border-left">
|
||||
<div class="row g-0 w-100">
|
||||
<div class="col-md-12 border-bottom d-flex align-items-center w-100 border-right"
|
||||
style="background-color:#FDEBF1">
|
||||
<div class="col-md-12 bordser-bottom border-right p-4"><span
|
||||
class="o_ripple d-block position-absolute rounded-circle"
|
||||
style="height:409.797px; width:409.797px"></span>
|
||||
<h1 style="font-weight:400; color: #E81C62"> Explore Live Demo <br>for <b>Electronic Store 2</b>
|
||||
</h1>
|
||||
<div class="card border-0 my-4">
|
||||
<div class="card-header"
|
||||
style="font-weight:600; font-family:'Inter'; padding:12px 10px; text-align:center; color:#ffffff; background-color:#E81C62; border:1px solid #FDEBF1">
|
||||
Copy Given URL for Demo</div>
|
||||
<div class="card-body" style="border:1px solid #ccc; border-top:0px">
|
||||
<p class="card-text text-center"
|
||||
style="font-size:25px; font-weight:300; font-family:'Inter'">
|
||||
droggol.com/r/demo16-2 </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative mb-5">
|
||||
<div class="row mb-5 deep-2 bg-white overflow-hidden" style="margin: 0px;border-radius: 20px;">
|
||||
<div class="col-md-7 mb-0 p-0 mt-4">
|
||||
<div class="position-relative">
|
||||
<img src="images/features/90-demo-3.png" class="img img-fluid bg-white" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 d-flex p-0 border-left">
|
||||
<div class="row g-0 w-100">
|
||||
<div class="col-md-12 border-bottom d-flex align-items-center w-100 border-right"
|
||||
style="background-color: #e0f6ef;">
|
||||
<div class="col-md-12 bordser-bottom border-right p-4" style=""><span
|
||||
class="o_ripple d-block position-absolute rounded-circle"
|
||||
style="height:409.797px; width:409.797px"></span>
|
||||
<h1 style="font-weight:400;color: #00B87C;"> Explore Live Demo <br>for <b>Food Store</b></h1>
|
||||
<div class="card border-0 my-4">
|
||||
<div class="card-header"
|
||||
style="font-weight:600;font-family:'Inter';padding:12px 10px;text-align:center;color: #ffffff;background-color: #00B87C;border:1px solid #bedce6;">
|
||||
Copy Given URL for Demo</div>
|
||||
<div class="card-body" style="border:1px solid #ccc; border-top:0px">
|
||||
<p class="card-text text-center"
|
||||
style="font-size:25px; font-weight:300; font-family:'Inter'">
|
||||
droggol.com/r/demo16-3
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="position-relative mb-5">
|
||||
<div class="row mb-3 deep-2 overflow-hidden" style="margin:0px; ">
|
||||
<div class="col-md-12 p-0 overflow-hidden">
|
||||
<ul class="nav nav-tabs nav-fill" style="margin-top: 0px !important;text-align: center;margin: auto;justify-content: space-around;background-color: transparent;" id="myTab" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"
|
||||
role="tab" aria-controls="home" aria-selected="true" style="color: #0080ff; font-weight: bold;">
|
||||
<span class="fa fa-question"> </span> Why Theme Prime
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
|
||||
role="tab" aria-controls="profile" aria-selected="false" style="color: #0080ff; font-weight: bold;">
|
||||
<span class="fa fa-book"></span> Documentation
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact"
|
||||
role="tab" aria-controls="contact" aria-selected="false" style="color: #0080ff; font-weight: bold;">
|
||||
<span class="fa fa-question-circle"> </span> FAQs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content tab-content text-left px-3 py-5 px-md-5 border border-top-0 bg-white" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
||||
<div class="row o_v_align_col_sm">
|
||||
<div class="col-sm-12">
|
||||
<h3><i class="fa fa-question-circle" style="color:#0080ff;"> </i> Why theme prime </h3>
|
||||
<p class="lead"
|
||||
style="margin-right: 0px; margin-bottom: 10.5px; margin-left: 0px;font-family: 'Inter';font-weight: 400;">
|
||||
There several reasons to choose theme prime. One of them is, its wide range of
|
||||
configuration options.
|
||||
With tons of configuration option you can mold your eCommerce based on your choice.
|
||||
These configuration options are so easy to use that even user with no technical
|
||||
knowledge can configure the eCommerce.
|
||||
<p class="lead"
|
||||
style="margin-right: 0px; margin-bottom: 10.5px; margin-left: 0px;font-family: 'Inter';font-weight: 400;">
|
||||
Theme prime has all the options that are required to run any modern eCommerce theme. It
|
||||
supports multi-language and multi-website
|
||||
so you can run multiple website with different configuration in the same odoo instance.
|
||||
</p>
|
||||
<p class="lead"
|
||||
style="margin-right: 0px; margin-bottom: 10.5px; margin-left: 0px;font-family: 'Inter';font-weight: 400;">
|
||||
Theme prime is developed by experience developers so it has top notch quality. Even if
|
||||
it has tones of feature it does not slow down and runs without any hassle.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
|
||||
<div class="row o_v_align_col_sm">
|
||||
<div class="col-sm-5">
|
||||
<h3> <i class="fa fa-book" style="color: #0080ff;"> </i> Full Documentation </h3>
|
||||
<p stye="font-family: 'Inter';font-weight: 400;">We would like explain each and every
|
||||
feature of our theme that's why we have created
|
||||
detailed documentation.
|
||||
We are constantly improving and adding new content and videos.
|
||||
</p>
|
||||
<div class="d-flex align-items-center alert alert-info">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-exclamation-circle fa-2x pull-left"> </i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3 small">
|
||||
A full documentation
|
||||
can be accessed once you purchase the theme. It is available in <b>/docs</b> folder of
|
||||
theme module.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-sm-offset-1">
|
||||
<img src="images/features/docs_screenshot.png" alt="" class="p-0 img-fluid img-thumbnail shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
|
||||
<div class="row o_v_align_col_sm">
|
||||
<div class="col-sm-12">
|
||||
|
||||
|
||||
<section class="s_faq">
|
||||
<div class="accordion mb0" role="tablist" aria-multiselectable="true">
|
||||
<div class="card mb-2" style="border:1px solid #e5e5e5;">
|
||||
<h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_01">
|
||||
<a style="font-weight: 600; color: #291a1a;filter: hue-rotate(427deg)" role="button"
|
||||
class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_01" aria-expanded="false"
|
||||
aria-controls="buyer_faq_01">Is this app compatible with Odoo's multi
|
||||
website feature ?</a>
|
||||
</h4>
|
||||
<div id="buyer_faq_01" class="collapsed collapse mx-2 mb-2" role="tabpanel"
|
||||
aria-labelledby="heading_buyer_faq_01" aria-expanded="true" style="">
|
||||
<div class="card-body"
|
||||
style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
|
||||
<p> Yes, this theme is multi website compatible. You can install same
|
||||
theme in multiple
|
||||
website with different configurations.
|
||||
</p>
|
||||
<p> Our dynamic snippets, snippet builder tools, product brands are also
|
||||
multi-website compatible.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-2" style="border:1px solid #e5e5e5;">
|
||||
<h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_02">
|
||||
<a style="font-weight: 600; color: #291a1a;filter: hue-rotate(427deg)" role="button"
|
||||
class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_02" aria-expanded="false"
|
||||
aria-controls="buyer_faq_02">Is this app compatible with Odoo
|
||||
Enterprise?</a>
|
||||
</h4>
|
||||
<div id="buyer_faq_02" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_02"
|
||||
aria-expanded="false">
|
||||
<div class="card-body"
|
||||
style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
|
||||
<p>
|
||||
Yes, this theme is compatible with both Odoo v17 community and
|
||||
enterprise edition.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-2" style="border:1px solid #e5e5e5;">
|
||||
<h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_03">
|
||||
<a style="font-weight: 600; color: #291a1a;filter: hue-rotate(427deg)" role="button"
|
||||
class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_03" aria-expanded="false"
|
||||
aria-controls="buyer_faq_03">Where can i find doc for this theme?</a>
|
||||
</h4>
|
||||
<div id="buyer_faq_03" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_03"
|
||||
aria-expanded="false">
|
||||
<div class="card-body"
|
||||
style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
|
||||
<p>You can access documentation from the <b style="color: #5559fc;">/doc</b> folder of
|
||||
purchased module..
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-2" style="border:1px solid #e5e5e5;">
|
||||
<h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_04">
|
||||
<a style="font-weight: 600; color: #291a1a;filter: hue-rotate(427deg)" role="button"
|
||||
class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_04" aria-expanded="false"
|
||||
aria-controls="buyer_faq_04">Do you provide Odoo Website & eCommerce
|
||||
customizations
|
||||
services?</a>
|
||||
</h4>
|
||||
<div id="buyer_faq_04" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_04"
|
||||
aria-expanded="false">
|
||||
<div class="card-body"
|
||||
style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
|
||||
<p>Yes we provide Website & eCommerce customizations services. Learn
|
||||
more about it at https://www.droggol.com/odoo-website-and-themes
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-2" style="border:1px solid #e5e5e5;">
|
||||
<h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_05">
|
||||
<a style="font-weight: 600; color: #291a1a;filter: hue-rotate(427deg)" role="button"
|
||||
class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_05" aria-expanded="false"
|
||||
aria-controls="buyer_faq_05">Do i get demo data with the theme?</a>
|
||||
</h4>
|
||||
<div id="buyer_faq_05" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_05"
|
||||
aria-expanded="false">
|
||||
<div class="card-body"
|
||||
style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
|
||||
<p> We have generated demo to showcase the theme's features. You won't
|
||||
get those data
|
||||
with theme.</p>
|
||||
<p> Pages like our demo can be generated easily. If you have any difficulties you can contact us any time at www.droggol.com/contactus and our team will answer questions related to the theme .</p>
|
||||
<p> Also images in the snippets are copyrighted and can not be used
|
||||
outside of droggol.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-2" style="border:1px solid #e5e5e5;">
|
||||
<h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_06">
|
||||
<a style="font-weight: 600; color: #291a1a;filter: hue-rotate(427deg)" role="button"
|
||||
class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_06" aria-expanded="false"
|
||||
aria-controls="buyer_faq_06">Can i resell or distribute the theme?</a>
|
||||
</h4>
|
||||
<div id="buyer_faq_06" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_06"
|
||||
aria-expanded="false">
|
||||
<div class="card-body"
|
||||
style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
|
||||
<p>No! You can not resell or distribute this theme. This theme can only
|
||||
used for your
|
||||
website.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-2" style="border:1px solid #e5e5e5;">
|
||||
<h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_06">
|
||||
<a style="font-weight: 600; color: #291a1a;filter: hue-rotate(427deg)" role="button" class="collapsed"
|
||||
data-bs-toggle="collapse" href="#buyer_faq_07" aria-expanded="false" aria-controls="buyer_faq_07">
|
||||
Can i use theme on multiple odoo databases?
|
||||
</a>
|
||||
</h4>
|
||||
<div id="buyer_faq_07" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_07"
|
||||
aria-expanded="false">
|
||||
<div class="card-body"
|
||||
style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
|
||||
<p>
|
||||
No, you are not allowed to user theme on multiple odoo databases.
|
||||
You need to purchase theme separately for each projects/databases.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;">
|
||||
<div class="col-md-12">
|
||||
<div class="bg-white h-100">
|
||||
<img src="images/contact.png" class="img img-responsive" loading="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row my-4 p-3 pb-2 position-relative">
|
||||
<div class="col-12 p-4 deep-2 bg-white overflow-hidden" style="border-radius: 20px;">
|
||||
<h2>Changelog</h2>
|
||||
<hr class="mb-4 mt-0">
|
||||
<h2 class="h4 pb-2">
|
||||
<span style="color:#00A09D" class="pr-2">v17.0.0.0</span>-<span class="pl-2">Dec 26, 2023</span>
|
||||
</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li class="d-flex align-items-start mb-3">
|
||||
Initial release for v17
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user