Result
| grid_id |
block_id |
content |
object_id |
object_type |
object_ids |
snapping_id |
wrapper |
user_class |
order |
status |
type |
properties |
company_id |
storefront_id |
lang_code |
name |
| 754 |
4 |
|
0 |
|
|
1200 |
blocks/wrappers/onclick_dropdown.tpl |
top-my-account |
0 |
A |
my_account |
a:1:{s:8:"template";s:21:"blocks/my_account.tpl";} |
0 |
1 |
de |
My Account |
| 753 |
5 |
|
0 |
|
|
1197 |
|
|
0 |
D |
template |
a:2:{s:8:"template";s:32:"blocks/static_templates/logo.tpl";s:11:"enable_link";s:1:"Y";} |
0 |
1 |
de |
Logo |
| 586 |
6 |
|
0 |
|
|
915 |
|
|
0 |
D |
call_request |
a:1:{s:8:"template";s:44:"addons/call_requests/blocks/call_request.tpl";} |
0 |
1 |
de |
Call Request |
| 755 |
8 |
|
0 |
|
|
1202 |
|
top-cart-content |
0 |
A |
cart_content |
a:4:{s:8:"template";s:23:"blocks/cart_content.tpl";s:22:"display_bottom_buttons";s:1:"Y";s:20:"display_delete_icons";s:1:"Y";s:19:"products_links_type";s:5:"thumb";} |
0 |
1 |
de |
Cart content |
| 756 |
8 |
|
0 |
|
|
1205 |
|
hidden-desktop top-cart-content |
0 |
D |
cart_content |
a:4:{s:8:"template";s:23:"blocks/cart_content.tpl";s:22:"display_bottom_buttons";s:1:"Y";s:20:"display_delete_icons";s:1:"Y";s:19:"products_links_type";s:5:"thumb";} |
0 |
1 |
de |
Cart content |
| 589 |
10 |
|
0 |
|
|
919 |
|
|
0 |
A |
breadcrumbs |
a:1:{s:8:"template";s:22:"common/breadcrumbs.tpl";} |
0 |
1 |
de |
Breadcrumbs |
| 590 |
11 |
|
0 |
|
|
920 |
|
|
0 |
A |
main |
|
0 |
1 |
de |
Main Content |
| 773 |
17 |
a:1:{s:7:"content";s:340:"
<ul id="about_cs_cart_links">
<li class="ty-footer-menu__item"><a href="{"pages.view?page_id=1"|fn_url}">Our team</a></li>
<li class="ty-footer-menu__item"><a href="{"pages.view?page_id=3"|fn_url}">Privacy policy</a></li>
</ul>";} |
0 |
|
|
1257 |
blocks/wrappers/footer_general.tpl |
footer-no-wysiwyg |
0 |
D |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
About us |
| 776 |
18 |
|
0 |
|
|
1259 |
|
|
0 |
A |
template |
a:1:{s:8:"template";s:37:"blocks/static_templates/copyright.tpl";} |
0 |
1 |
de |
Copyright |
| 591 |
55 |
a:1:{s:7:"content";s:449:"<div class="ty-company-info">
<h4>Become a vendor/supplier</h4>
<ul>
<li>Access your personal administrator area</li>
<li>Use the common storefront to sell your goods</li>
<li>Get your profit share</li>
<li><u><a href="https://www.gonje.com.au/vendors">Go to the become a vendor page for more information</a></u></li>
<li><u><a href="https://www.gonje.com.au/suppliers">Go to the become a supplier page for more information</a></u></li>
</ul>
</div>";} |
0 |
|
|
922 |
|
|
0 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Vendor account information |
| 770 |
128 |
|
0 |
|
|
1254 |
blocks/wrappers/footer_general.tpl |
|
0 |
D |
template |
a:1:{s:8:"template";s:39:"blocks/static_templates/quick_links.tpl";} |
0 |
1 |
de |
My account |
| 771 |
130 |
a:1:{s:7:"content";s:611:"
<ul id="demo_store_links">
<li class="ty-footer-menu__item"><a href="{"pages.view?page_id=2"|fn_url}">About us</a></li>
<li class="ty-footer-menu__item"><a href="{"pages.view?page_id=30"|fn_url}">Contact us</a></li>
<li class="ty-footer-menu__item"><a href="{"gift_certificates.add"|fn_url}">Gift certificates</a></li>
<li class="ty-footer-menu__item"><a href="{"product_features.view_all?filter_id=10"|fn_url}">Our brands</a></li>
<li class="ty-footer-menu__item"><a href="{"sitemap.view"|fn_url}">Sitemap</a></li>
<li class="ty-footer-menu__item"><a href="{"pages.view?page_id=7"|fn_url}">Blog</a></li>
</ul>";} |
0 |
|
|
1255 |
blocks/wrappers/footer_general.tpl |
footer-no-wysiwyg |
0 |
D |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
Quick Links |
| 772 |
131 |
a:1:{s:7:"content";s:705:"
<ul id="customer_service_links">
<li class="ty-footer-menu__item"><a href="{"orders.search"|fn_url}">About your order</a></li>
{if $addons.wishlist && $addons.wishlist.status == 'A'}
<li class="ty-footer-menu__item"><a href="{"wishlist.view"|fn_url}">Wishlist</a></li>
{/if}
{if $settings.General.enable_compare_products == 'Y'}
<li class="ty-footer-menu__item"><a href="{"product_features.compare"|fn_url}">Comparison list</a></li>
{/if}
</ul>";} |
0 |
|
|
1256 |
blocks/wrappers/footer_general.tpl |
footer-no-wysiwyg |
0 |
D |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
Customer Service |
| 591 |
144 |
a:1:{s:5:"items";a:1:{s:7:"filling";s:24:"apply_for_vendor_account";}} |
0 |
|
|
923 |
|
|
0 |
A |
selected_vendor_plan |
a:1:{s:8:"template";s:51:"addons/vendor_plans/blocks/selected_vendor_plan.tpl";} |
0 |
1 |
de |
Selected Vendor Plan |
| 588 |
169 |
a:1:{s:7:"content";s:299:"<style>
.hero-banner {
width: 100%;
max-width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.hero-banner img {
width: 100%;
height: auto;
display: block;
}
</style>
<div class="hero-banner">
<img src="https://backendapi.gonje.com/public/vendor-banner-1.png" alt="Hero Banner">
</div>";} |
0 |
|
|
917 |
|
|
0 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Vendor hero banner |
| 774 |
178 |
a:1:{s:7:"content";s:3542:"<p><title>Gonje Footer Quick Links</title></p>
<style>
.footer {
position: relative;
top: -50px;
font-family: Arial, sans-serif;
color: #333;
text-align: center;
font-size: 13px;
padding-bottom: 20px;
font-weight: normal; /* Or use 400 */
}
.footer .quick-links-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
max-width: 1200px;
margin: 0 auto;
text-align: left;
}
.footer .quick-links {
color: #fff;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer .quick-links li {
color: #ffffff;
margin: 10px 0;
}
.footer .quick-links a {
color: #ffffff;
text-decoration: none;
transition: color 0.3s ease;
}
.footer .quick-links a:hover {
color: #70ab4b;
}
.footer h3 {
color: #bdc3c7;
margin-bottom: 10px;
}
.gonje-text-style {
color: #fff;
}
/* Media Queries for smaller screens */
@media (max-width: 768px) {
.footer {
position: relative;
top: -20px;
}
.footer .quick-links-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.footer .quick-links-container {
grid-template-columns: 1fr;
text-align: left;
}
.footer .quick-links {
text-align: left;
}
.footer .quick-links li {
margin: 5px 0;
}
}
</style>
<footer class="footer">
<br><br>
<div class="quick-links-container">
<div>
<h3>Gonje Market</h3>
<p class="gonje-text-style">We connect buyers and sellers of natural, organic, environmentally sound products.</p>
</div>
<div>
<h3>The Company</h3>
<ul class="quick-links" "="">
<li><a href="https://www.gonje.com.au/aboutUs" style="font-weight: normal;>About Us</a></li>
<li><a href=" https:="" www.gonje.com.au="" terms"="">Terms & Conditions</a></li>
<li><a href="https://www.gonje.com.au/terms/#privacy" style="font-weight: normal;">Privacy Policy</a></li>
<li><a href="https://www.gonje.com.au/terms/#refunds" style="font-weight: normal;">Refunds Policy</a></li>
</ul>
</div>
<div>
<h3>Customer Service</h3>
<ul class="quick-links">
<li><a href="https://www.gonje.com.au/contactUs" style="font-weight: normal;">Help & Contact Us</a></li>
<li><a href="https://www.gonje.com.au/faq" style="font-weight: normal;">FAQ</a></li>
</ul>
</div>
<div>
<h3>Address</h3>
<p class="gonje-text-style">ABN - 46 649 251 007<br>
Unit 12, 442 Geelong Road, West Footscray, Victoria, 3013<br>
Parcel Collect 10143 43082, 341 Barry Road, Campbellfield VIC 3061<br>
Tel – 1800 749 277<br>
Email – info@onjegroup.com.au</p>
</div>
</div>
</footer>";} |
0 |
|
|
1258 |
|
|
0 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Gonje Footer |
| 589 |
342 |
a:1:{s:7:"content";s:35157:"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Why Become a Seller | Gonje Marketplace</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Flaticon -->
<link rel="stylesheet" href="https://cdn-uicons.flaticon.com/2.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500&display=swap" rel="stylesheet">
<style>
:root {
--primary: #28A745;
--primary-light: #e2f3e8;
--secondary: #6C5CE7;
--dark: #333;
--light: #f9f9f9;
--gray: #888;
}
/* Base Styles */
body {
font-family: 'Inter', sans-serif;
line-height: 1.6;
color: var(--dark);
overflow-x: hidden;
background-color: var(--light);
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.text-center {
text-align: center;
}
/* Section Spacing */
.hero-section, .features-section, .benefits-section,
.services-section, .tools-section, .testimonial-section,
.cta-section {
padding: 80px 0;
position: relative;
}
/* Hero Section */
.hero-section {
background: linear-gradient(135deg, rgba(40, 167, 69, 0.1), rgba(255,255,255,0.8)),
url('https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80');
background-size: cover;
background-position: center;
text-align: center;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
padding: 60px 40px;
background-color: rgba(255,255,255,0.9);
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.hero-title {
font-size: 48px;
color: var(--primary);
margin-bottom: 20px;
}
.hero-subtitle {
font-size: 20px;
color: var(--dark);
margin-bottom: 30px;
}
/* Section Titles */
.section-title {
position: relative;
display: inline-block;
margin-bottom: 50px;
font-size: 36px;
color: var(--dark);
}
.section-title::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 60%;
height: 4px;
background: linear-gradient(90deg, var(--primary), var(--secondary));
border-radius: 2px;
}
.section-title.center::after {
left: 50%;
transform: translateX(-50%);
}
/* Feature Cards */
.features-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin: 0 auto;
}
.feature-card {
background: white;
border-radius: 16px;
padding: 30px;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
position: relative;
overflow: hidden;
}
.feature-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, var(--primary), var(--secondary));
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.feature-icon {
font-size: 48px;
color: var(--primary);
margin-bottom: 20px;
}
.feature-title {
font-size: 24px;
color: var(--primary);
margin-bottom: 15px;
}
/* Benefits Section */
.benefits-section {
background-color: var(--primary-light);
}
.benefit-item {
display: flex;
align-items: center;
margin-bottom: 40px;
background: white;
border-radius: 16px;
padding: 30px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.benefit-icon {
font-size: 60px;
color: var(--primary);
margin-right: 30px;
min-width: 80px;
text-align: center;
}
.benefit-content h3 {
font-size: 24px;
color: var(--primary);
margin-bottom: 15px;
}
/* Services Section */
.services-section {
background: linear-gradient(135deg, rgba(108, 92, 231, 0.03), rgba(255,255,255,0.9));
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
}
.service-card {
background: white;
border-radius: 16px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
transition: all 0.3s ease;
border-top: 5px solid var(--primary);
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.service-icon {
font-size: 40px;
color: var(--primary);
margin-bottom: 20px;
}
.service-title {
font-size: 22px;
color: var(--primary);
margin-bottom: 15px;
}
.service-feature {
display: flex;
margin-bottom: 12px;
}
.service-feature i {
color: var(--primary);
margin-right: 10px;
margin-top: 3px;
}
/* Tools Section */
.tools-tabs {
display: flex;
justify-content: center;
margin-bottom: 30px;
flex-wrap: wrap;
}
.tab-btn {
padding: 12px 24px;
background: white;
border: none;
border-radius: 50px;
margin: 0 10px 10px;
cursor: pointer;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.tab-btn.active {
background: var(--primary);
color: white;
}
.tab-content {
display: none;
background: white;
border-radius: 16px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.tab-content.active {
display: block;
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.tool-feature {
display: flex;
margin-bottom: 20px;
}
.tool-icon {
font-size: 24px;
color: var(--primary);
margin-right: 15px;
min-width: 40px;
}
/* Testimonial */
.testimonial-container {
max-width: 800px;
margin: 0 auto;
background: white;
border-radius: 16px;
padding: 40px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
position: relative;
}
.testimonial-container::before {
content: '"';
position: absolute;
top: 20px;
left: 20px;
font-size: 80px;
color: rgba(40, 167, 69, 0.1);
font-family: serif;
line-height: 1;
}
.testimonial-text {
font-style: italic;
font-size: 18px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.testimonial-author {
font-weight: bold;
text-align: right;
}
/* CTA Section */
.cta-section {
text-align: center;
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: white;
}
.cta-title {
font-size: 36px;
margin-bottom: 20px;
}
.cta-subtitle {
font-size: 18px;
margin-bottom: 30px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
/* Button Styles */
.btn {
display: inline-block;
padding: 14px 28px;
background: var(--primary);
color: white;
font-weight: bold;
text-decoration: none;
border-radius: 50px;
border: none;
cursor: pointer;
font-size: 16px;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.btn:hover {
background: #218838;
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline {
background: transparent;
border: 2px solid white;
color: white;
}
.btn-outline:hover {
background: white;
color: var(--primary);
}
.btn-large {
padding: 16px 32px;
font-size: 18px;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.hero-title {
font-size: 36px;
}
.hero-subtitle {
font-size: 18px;
}
.section-title {
font-size: 28px;
}
.benefit-item, .service-feature {
flex-direction: column;
text-align: center;
}
.benefit-icon {
margin-right: 0;
margin-bottom: 20px;
}
.service-feature i {
margin-right: 0;
margin-bottom: 5px;
}
.tab-btn {
padding: 10px 20px;
font-size: 14px;
}
.services-grid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- Hero Section -->
<section class="hero-section">
<div class="hero-content">
<h1 class="hero-title">Why Become a Seller on Gonje?</h1>
<p class="hero-subtitle">Join our thriving marketplace and unlock unlimited growth potential for your business</p>
<a href="#get-started" class="btn btn-large">Get Started Today</a>
</div>
</section>
<!-- Features Section -->
<section class="features-section">
<div class="container">
<h2 class="section-title text-center">Key Benefits for Sellers</h2>
<div class="features-container">
<!-- Feature 1 -->
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-users"></i>
</div>
<h3 class="feature-title">Broad Customer Base</h3>
<p>Gonje offers you an extensive and diverse customer base, giving your products unparalleled exposure to a vast audience of eager shoppers. With a vibrant and engaged community of customers actively seeking unique offerings, your products will find their way into the hands of those who truly appreciate and value them.</p>
<p>Showcase your range of goods with confidence, knowing that your brand will be represented in front of a dynamic customer base actively seeking high-quality products.</p>
</div>
<!-- Feature 2 -->
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-store"></i>
</div>
<h3 class="feature-title">Vibrant Vendor Community</h3>
<p>For vendors, becoming a member of Gonje is a transformative step that opens doors to limitless opportunities and paves the way for unparalleled growth in the competitive world of ecommerce.</p>
<p>As a vendor on our platform, you gain access to an array of exclusive benefits and resources such as inventory management, quote requests, quote management, analytics, HR tools and a whole lot more designed to propel your business to new heights.</p>
</div>
<!-- Feature 3 -->
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-globe"></i>
</div>
<h3 class="feature-title">Global Reach</h3>
<p>Dissolve the barriers of traditional selling and expand your business beyond geographical boundaries. By joining Gonje, you can reach customers from different corners of the globe, allowing you to tap into new markets and demographics.</p>
<p>Our platform's reach extends far and wide, offering your brand the potential to connect with a diverse and international clientele. Embrace new opportunities and discover untapped markets as you take your brand to exciting new territories.</p>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="benefits-section">
<div class="container">
<h2 class="section-title">Grow Your Business with Gonje</h2>
<!-- Benefit 1 -->
<div class="benefit-item">
<div class="benefit-icon">
<i class="fas fa-tasks"></i>
</div>
<div class="benefit-content">
<h3>Seamless Order Management</h3>
<p>Simplify the order fulfillment process with Gonje's seamless and efficient order management system. From order processing to shipping and delivery, our platform ensures that each transaction is handled smoothly, leaving your customers satisfied with their purchases.</p>
<p>Minimize administrative burden and focus on delivering an exceptional customer experience with our hassle-free order management system.</p>
</div>
</div>
<!-- Benefit 2 -->
<div class="benefit-item">
<div class="benefit-icon">
<i class="fas fa-chart-line"></i>
</div>
<div class="benefit-content">
<h3>Powerful Marketing Tools</h3>
<p>At Gonje, we believe in equipping our vendors with the latest marketing tools to enhance their visibility and attract more customers. Benefit from innovative marketing features such as personalized recommendations, targeted promotions, and seasonal campaigns.</p>
<p>Our data-driven marketing strategies will help you engage customers, boost conversion rates, and establish your brand as a customer favorite.</p>
</div>
</div>
<!-- Benefit 3 -->
<div class="benefit-item">
<div class="benefit-icon">
<i class="fas fa-network-wired"></i>
</div>
<div class="benefit-content">
<h3>Vendor Network & Supply Chain</h3>
<p>By becoming a supplier on Gonje, you gain access to a vast network of reliable vendors eager to collaborate and showcase your products to their discerning customer base. Our platform acts as a bridge, connecting you with vendors who are actively seeking top-notch products.</p>
<p>At Gonje, we understand the importance of an efficient supply chain in delivering timely and superior products to vendors. As a member, you can streamline your supply chain operations and ensure timely deliveries to vendors, enhancing their ability to meet customer demands promptly.</p>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section class="services-section">
<div class="container">
<h2 class="section-title center">Our Services for Sellers</h2>
<p class="text-center" style="max-width: 800px; margin: 0 auto 40px;">We provide comprehensive solutions designed specifically to help sellers succeed in the digital marketplace. Here's what we offer:</p>
<div class="services-grid">
<!-- Service 1 -->
<div class="service-card">
<div class="service-icon">
<i class="fas fa-store-alt"></i>
</div>
<h3 class="service-title">Store Setup & Optimization</h3>
<p>We help you create a professional storefront that stands out and converts visitors to customers:</p>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Custom store design tailored to your brand</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>SEO optimization to improve discoverability</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Mobile-responsive design for all devices</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>High-quality product image optimization</div>
</div>
</div>
<!-- Service 2 -->
<div class="service-card">
<div class="service-icon">
<i class="fas fa-shipping-fast"></i>
</div>
<h3 class="service-title">Fulfillment Solutions</h3>
<p>Our logistics network helps you deliver products faster and more efficiently:</p>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Warehousing and inventory storage options</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Discounted shipping rates with major carriers</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Same-day dispatch for urgent orders</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>International shipping with customs handling</div>
</div>
</div>
<!-- Service 3 -->
<div class="service-card">
<div class="service-icon">
<i class="fas fa-ad"></i>
</div>
<h3 class="service-title">Marketing & Promotion</h3>
<p>Boost your visibility and sales with our marketing services:</p>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Featured placement in category pages</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Email marketing to targeted customer segments</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Social media promotion across our channels</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Seasonal campaign participation opportunities</div>
</div>
</div>
<!-- Service 4 -->
<div class="service-card">
<div class="service-icon">
<i class="fas fa-chart-bar"></i>
</div>
<h3 class="service-title">Analytics & Insights</h3>
<p>Make data-driven decisions with our comprehensive analytics:</p>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Real-time sales performance dashboard</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Customer behavior and purchase patterns</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Competitor benchmarking reports</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Inventory forecasting tools</div>
</div>
</div>
<!-- Service 5 -->
<div class="service-card">
<div class="service-icon">
<i class="fas fa-headset"></i>
</div>
<h3 class="service-title">Seller Support</h3>
<p>Dedicated assistance to help you succeed:</p>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>24/7 seller support via chat, email, and phone</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Account management for high-volume sellers</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Regular training webinars and workshops</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Dedicated dispute resolution team</div>
</div>
</div>
<!-- Service 6 -->
<div class="service-card">
<div class="service-icon">
<i class="fas fa-hand-holding-usd"></i>
</div>
<h3 class="service-title">Financial Services</h3>
<p>Flexible financial solutions for your business needs:</p>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Fast payouts (as quick as 24 hours after delivery)</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Business loans and cash advance options</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Tax documentation and reporting tools</div>
</div>
<div class="service-feature">
<i class="fas fa-check-circle"></i>
<div>Multi-currency support for international sales</div>
</div>
</div>
</div>
</div>
</section>
<!-- Tools Section -->
<section class="tools-section">
<div class="container">
<h2 class="section-title text-center">Our Powerful Seller Tools</h2>
<div class="tools-tabs">
<button class="tab-btn active" data-tab="management">Management Tools</button>
<button class="tab-btn" data-tab="marketing">Marketing Tools</button>
<button class="tab-btn" data-tab="analytics">Analytics</button>
<button class="tab-btn" data-tab="features">New Features</button>
</div>
<div id="management" class="tab-content active">
<h3>Streamline Your Operations</h3>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-clipboard-list"></i></div>
<div>
<h4>Inventory Management</h4>
<p>Real-time tracking of your stock levels with automated alerts when inventory is low.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-exchange-alt"></i></div>
<div>
<h4>Invoice Management</h4>
<p>Easily create, send, and track invoices with our streamlined system that saves you time.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-truck"></i></div>
<div>
<h4>Order & Delivery Management</h4>
<p>From order receipt to delivery confirmation, manage the entire process in one place.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-users-cog"></i></div>
<div>
<h4>HR Tools</h4>
<p>Manage your team, assign roles, and track performance with our built-in HR solutions.</p>
</div>
</div>
</div>
<div id="marketing" class="tab-content">
<h3>Boost Your Visibility</h3>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-bullhorn"></i></div>
<div>
<h4>Promotional Campaigns</h4>
<p>Create targeted promotions to attract new customers and retain existing ones.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-percentage"></i></div>
<div>
<h4>Discount Management</h4>
<p>Set up seasonal discounts, flash sales, and loyalty rewards with ease.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-envelope"></i></div>
<div>
<h4>Email Marketing</h4>
<p>Reach your customers directly with our built-in email marketing tools.</p>
</div>
</div>
</div>
<div id="analytics" class="tab-content">
<h3>Data-Driven Decisions</h3>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-chart-pie"></i></div>
<div>
<h4>Sales Analytics</h4>
<p>Track your sales performance with detailed reports and visual dashboards.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-user-chart"></i></div>
<div>
<h4>Customer Insights</h4>
<p>Understand your customers' behavior and preferences to tailor your offerings.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-search-dollar"></i></div>
<div>
<h4>Market Trends</h4>
<p>Stay ahead of the competition with real-time market trend analysis.</p>
</div>
</div>
</div>
<div id="features" class="tab-content">
<h3>Innovative Features</h3>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-robot"></i></div>
<div>
<h4>AI Recommendations</h4>
<p>Our AI system suggests optimal pricing and product placements to maximize your sales.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-mobile-alt"></i></div>
<div>
<h4>Mobile Management</h4>
<p>Manage your store on the go with our fully-featured mobile app.</p>
</div>
</div>
<div class="tool-feature">
<div class="tool-icon"><i class="fas fa-comments"></i></div>
<div>
<h4>Integrated Chat</h4>
<p>Communicate directly with customers through our secure messaging platform.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Section quote -->
<section class="testimonial-section">
<div class="container">
<div class="testimonial-container">
<p class="testimonial-text">Since joining Gonje as a seller, our business has grown by over 200% in just six months. The platform's tools and customer reach have transformed our operations and opened up markets we never thought possible. The order management system alone has saved us countless hours each week.</p>
<p class="testimonial-author">- Michael T., Restaurant Owner</p>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta-section" id="get-started">
<div class="container">
<h2 class="cta-title">Ready to Grow Your Business?</h2>
<p class="cta-subtitle">Join thousands of successful sellers who are expanding their reach and increasing their sales with Gonje Marketplace. Our team is ready to help you get started and make the most of our platform.</p>
<a href="#" class="btn btn-outline btn-large">Become a Seller Today</a>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Tab functionality
const tabBtns = document.querySelectorAll('.tab-btn');
const tabContents = document.querySelectorAll('.tab-content');
tabBtns.forEach(btn => {
btn.addEventListener('click', function() {
// Remove active class from all buttons and contents
tabBtns.forEach(btn => btn.classList.remove('active'));
tabContents.forEach(content => content.classList.remove('active'));
// Add active class to clicked button
this.classList.add('active');
// Show corresponding content
const tabId = this.getAttribute('data-tab');
document.getElementById(tabId).classList.add('active');
});
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
});
</script>
</body>
</html>";} |
0 |
|
|
1145 |
|
|
0 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
More Vendor Info |
| 777 |
356 |
a:1:{s:7:"content";s:9408:"<script>
// Mobile Bottom Navigation Script with CS-Cart auth check
document.addEventListener('DOMContentLoaded', function() {
// Check if user is logged in (CS-Cart specific check)
if (typeof Tygh === 'undefined' || !Tygh.$('.cm-auth-container').length || Tygh.$('.cm-auth-container').hasClass('logged-in')) {
// Only proceed if user is logged in
// First, ensure Font Awesome is loaded
if (!document.querySelector('link[href*="font-awesome"]')) {
const faLink = document.createElement('link');
faLink.rel = 'stylesheet';
faLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css';
document.head.appendChild(faLink);
}
// Create the navigation container
const mobileNav = document.createElement('div');
mobileNav.className = 'g-bottom-nav';
// Create the navigation items container
const navItems = document.createElement('ul');
navItems.className = 'g-bottom-nav__items';
navItems.style.listStyle = 'none';
navItems.style.margin = '0';
navItems.style.padding = '0';
// Navigation items data with CS-Cart URLs
const navLinks = [
{
url: fn_url('companies.apply_for_vendor'),
faIcon: 'fas fa-store',
fallbackIcon: '🏪',
text: 'Vendor',
show: true
},
{
url: fn_url('orders.search'),
faIcon: 'fas fa-clipboard-list',
fallbackIcon: '📋',
text: 'Orders',
show: typeof Tygh !== 'undefined' && Tygh.auth.orders_count > 0
},
{
url: fn_url('wishlist.view'),
faIcon: 'fas fa-heart',
fallbackIcon: '♥',
text: 'Planner',
show: true
},
{
url: fn_url('checkout.cart'),
faIcon: 'fas fa-shopping-cart',
fallbackIcon: '🛒',
text: 'Cart',
show: true,
badge: typeof Tygh !== 'undefined' && Tygh.cart.amount > 0 ? Tygh.cart.amount : null
},
{
url: fn_url('pages.view?page_id=XX'), // Replace XX with actual page ID
faIcon: 'fas fa-hands-helping',
fallbackIcon: '🤝',
text: 'Initiative',
show: true
}
];
// Get current URL and clean it for comparison
const currentUrl = new URL(window.location.href);
const currentPath = currentUrl.pathname + currentUrl.search;
// Create navigation items
navLinks.forEach(link => {
if (!link.show) return;
const navItem = document.createElement('li');
navItem.className = 'g-bottom-nav__li';
navItem.style.listStyle = 'none';
navItem.style.margin = '0';
navItem.style.padding = '0';
const navLink = document.createElement('a');
navLink.href = link.url;
// Check if this link matches current page
const linkUrl = new URL(link.url);
const linkPath = linkUrl.pathname + linkUrl.search;
const isActive = currentPath === linkPath ||
(currentPath.startsWith(linkPath) && linkPath !== '/');
navLink.className = `g-bottom-nav__item ${isActive ? 'active' : ''}`;
// Create icon container
const iconContainer = document.createElement('span');
iconContainer.className = 'g-bottom-nav__icon';
// Create Font Awesome icon
const faIcon = document.createElement('i');
faIcon.className = link.faIcon;
faIcon.style.display = 'inline-block';
// Create fallback with HTML entity
const fallback = document.createElement('span');
fallback.className = 'g-bottom-nav__icon-fallback';
fallback.innerHTML = link.fallbackIcon;
fallback.style.display = 'none';
// Add both to container
iconContainer.appendChild(faIcon);
iconContainer.appendChild(fallback);
// Create text label
const text = document.createElement('span');
text.className = 'g-bottom-nav__text';
text.textContent = link.text;
navLink.appendChild(iconContainer);
navLink.appendChild(text);
// Add badge if needed
if (link.badge) {
const badge = document.createElement('span');
badge.className = 'g-bottom-nav__badge';
badge.textContent = link.badge;
navLink.appendChild(badge);
}
navItem.appendChild(navLink);
navItems.appendChild(navItem);
// Check if Font Awesome loaded properly
setTimeout(() => {
if (faIcon.offsetWidth === 0 && faIcon.offsetHeight === 0) {
faIcon.style.display = 'none';
fallback.style.display = 'inline-block';
}
}, 100);
});
// Add items to navigation
mobileNav.appendChild(navItems);
// Add navigation to body
document.body.appendChild(mobileNav);
// Add CSS styles
const style = document.createElement('style');
style.textContent = `
.g-bottom-nav {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: white;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
z-index: 1000;
padding: 8px 0;
}
.g-bottom-nav__items {
display: flex;
justify-content: space-around;
align-items: center;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.g-bottom-nav__li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.g-bottom-nav__item {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: #555;
font-size: 10px;
padding: 5px 8px;
border-radius: 8px;
transition: all 0.2s ease;
position: relative;
}
.g-bottom-nav__icon {
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
margin-bottom: 4px;
font-size: 20px;
line-height: 1;
}
.g-bottom-nav__item i {
font-size: 20px;
display: inline-block;
width: 100%;
height: 100%;
}
.g-bottom-nav__icon-fallback {
font-size: 20px;
display: none;
width: 100%;
height: 100%;
}
.g-bottom-nav__item.active {
color: #28A745;
background: rgba(40, 167, 69, 0.1);
}
.g-bottom-nav__item.active i,
.g-bottom-nav__item.active .g-bottom-nav__icon-fallback {
color: #28A745;
}
.g-bottom-nav__item:hover {
background: rgba(40, 167, 69, 0.1);
}
.g-bottom-nav__badge {
position: absolute;
top: -5px;
right: -5px;
background: #28A745;
color: white;
border-radius: 50%;
width: 16px;
height: 16px;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.g-bottom-nav {
display: block;
}
body {
padding-bottom: 70px;
}
}
`;
document.head.appendChild(style);
// Add click handler to set active state
document.querySelectorAll('.g-bottom-nav__item').forEach(item => {
item.addEventListener('click', function(e) {
document.querySelectorAll('.g-bottom-nav__item').forEach(navItem => {
navItem.classList.remove('active');
});
this.classList.add('active');
});
});
}
});
</script>";} |
0 |
|
|
1260 |
|
|
0 |
D |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
Smarty Bottom Nav |
| 777 |
364 |
a:1:{s:7:"content";s:8924:"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scroll to Section Widget</title>
<style>
/* Scroll-to-top widget styles */
.go-seller-scroll-widget {
position: fixed;
right: 20px;
bottom: 120px;
width: 60px;
height: 60px;
background-color: #04AA6D;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
z-index: 1000;
}
.go-seller-scroll-widget:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.go-seller-scroll-widget:active {
transform: translateY(0);
}
.go-seller-scroll-widget svg {
width: 30px;
height: 30px;
fill: white;
}
/* Tooltip styles */
.go-seller-tooltip {
position: absolute;
right: 80px;
bottom: 10px;
width: 180px;
background: #fff;
padding: 12px 15px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 14px;
line-height: 1.4;
color: #333;
z-index: 1001;
opacity: 0;
transform: translateX(10px);
transition: all 0.3s ease;
pointer-events: none;
}
.go-seller-tooltip.go-seller-visible {
opacity: 1;
transform: translateX(0);
pointer-events: auto;
}
.go-seller-tooltip::after {
content: '';
position: absolute;
right: -8px;
top: 20px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #fff;
}
.go-seller-tooltip-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.go-seller-tooltip-close {
background: none;
border: none;
font-size: 16px;
cursor: pointer;
color: #888;
padding: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.2s ease;
}
.go-seller-tooltip-close:hover {
background: #f5f5f5;
color: #333;
}
/* Get Started section styling */
.go-seller-get-started-section {
min-height: 100vh;
padding: 50px 20px;
background-color: #f5f5f5;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.go-seller-get-started-section h2 {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333;
margin-bottom: 30px;
}
.go-seller-form {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 400px;
}
.go-seller-form-group {
margin-bottom: 20px;
}
.go-seller-form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #555;
}
.go-seller-form-group input {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 16px;
box-sizing: border-box;
}
.go-seller-submit-btn {
background-color: #04AA6D;
color: white;
border: none;
padding: 12px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
width: 100%;
transition: background-color 0.3s;
}
.go-seller-submit-btn:hover {
background-color: #038a5a;
}
/* Demo content styles */
.go-seller-content {
padding: 50px 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
}
.go-seller-content h1 {
color: #333;
margin-bottom: 20px;
}
.go-seller-content p {
margin-bottom: 20px;
color: #666;
}
</style>
</head>
<body>
<!-- Scroll to Get Started Widget -->
<div class="go-seller-scroll-widget" id="go-seller-scroll-widget" title="Scroll to Get Started">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<!-- Signup/User Icon (similar to flaticon style) -->
<path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
</svg>
<!-- Tooltip -->
<div class="go-seller-tooltip" id="go-seller-widget-tooltip">
<div class="go-seller-tooltip-content">
<span>Click here to get started</span>
<button class="go-seller-tooltip-close" id="go-seller-tooltip-close">×</button>
</div>
</div>
</div>
<script>
// Get the scroll widget and the target section
const goSellerScrollWidget = document.getElementById('go-seller-scroll-widget');
const goSellerGetStartedSection = document.getElementById('go-seller-get-started');
const goSellerTooltip = document.getElementById('go-seller-widget-tooltip');
const goSellerTooltipClose = document.getElementById('go-seller-tooltip-close');
const goSellerSignupForm = document.getElementById('go-seller-signup-form');
// Show tooltip on page load (after a brief delay)
setTimeout(() => {
if (!sessionStorage.getItem('go-seller-tooltip-closed')) {
goSellerTooltip.classList.add('go-seller-visible');
}
}, 1000);
// Close tooltip when X is clicked
goSellerTooltipClose.addEventListener('click', function(e) {
e.stopPropagation();
goSellerTooltip.classList.remove('go-seller-visible');
sessionStorage.setItem('go-seller-tooltip-closed', 'true');
});
// Close tooltip when clicking outside of it
document.addEventListener('click', function(e) {
if (!goSellerTooltip.contains(e.target) && !goSellerScrollWidget.contains(e.target)) {
goSellerTooltip.classList.remove('go-seller-visible');
}
});
// Add click event to scroll to the Get Started section
goSellerScrollWidget.addEventListener('click', function() {
goSellerGetStartedSection.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
});
// Optional: Show/hide widget based on scroll position
window.addEventListener('scroll', function() {
const scrollPosition = window.scrollY;
const windowHeight = window.innerHeight;
const documentHeight = document.documentElement.scrollHeight;
// Hide widget when we're near the bottom of the page
if (scrollPosition + windowHeight >= documentHeight - 100) {
goSellerScrollWidget.style.opacity = '0.5';
goSellerScrollWidget.style.pointerEvents = 'none';
} else {
goSellerScrollWidget.style.opacity = '1';
goSellerScrollWidget.style.pointerEvents = 'auto';
}
});
// Form submission handler
goSellerSignupForm.addEventListener('submit', function(e) {
e.preventDefault();
alert('Thank you for signing up! This is a demo form.');
});
</script>
</body>
</html>";} |
0 |
|
|
1281 |
|
|
0 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
SELLER SCROLL WIDGET |
| 753 |
393 |
a:1:{s:7:"content";s:700:"{** block-description:tmpl_logo **}
<div class="ty-logo-container">
{$logo_link = $block.properties.enable_link|default:"Y" == "Y"}
{if $logo_link}
<a href="https://marketplace.gonje.com/" title="{$logos.theme.image.alt}">
{/if}
{include file="common/image.tpl"
images=$logos.theme.image
class="ty-logo-container__image"
image_additional_attrs=["width" => $logos.theme.image.image_x, "height" => $logos.theme.image.image_y]
obj_id=false
show_no_image=false
show_detailed_link=false
capture_image=false
}
{if $logo_link}
</a>
{/if}
</div>
";} |
0 |
|
|
1356 |
|
|
0 |
D |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
modify blog for logo |
| 756 |
394 |
a:1:{s:7:"content";s:54:"<style>
.tygh-top-panel{
padding:unset;
}
</style>";} |
0 |
|
|
1357 |
|
|
0 |
A |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
Header style points |
| 754 |
3 |
a:1:{s:4:"menu";s:1:"1";} |
0 |
|
|
1201 |
|
top-quick-links |
1 |
A |
menu |
a:2:{s:8:"template";s:26:"blocks/menu/text_links.tpl";s:18:"show_items_in_line";s:1:"Y";} |
0 |
1 |
de |
Quick links |
| 588 |
126 |
a:1:{s:5:"items";a:3:{s:7:"filling";s:13:"full_tree_cat";s:18:"parent_category_id";s:0:"";s:7:"sort_by";s:8:"position";}} |
0 |
|
|
918 |
|
|
1 |
D |
categories |
a:3:{s:8:"template";s:52:"blocks/categories/categories_dropdown_horizontal.tpl";s:30:"dropdown_second_level_elements";s:2:"12";s:29:"dropdown_third_level_elements";s:1:"6";} |
0 |
1 |
de |
Main menu |
| 770 |
129 |
a:1:{s:7:"content";s:261:"
<ul id="demo_store_links">
<li class="ty-footer-menu__item"><a href="{"companies.apply_for_vendor"|fn_url}">Apply for a seller account</a></li>
<li class="ty-footer-menu__item"><a href="{"pages.view?page_id=15"|fn_url}">Vendor terms & conditions</a></li>
</ul>";} |
0 |
|
|
1253 |
blocks/wrappers/footer_general.tpl |
footer-no-wysiwyg |
1 |
A |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
Become a seller |
| 585 |
162 |
a:1:{s:7:"content";s:379:"<style>
.image-container {
width: 100%; /* Full width */
max-width: 100%; /* Ensures the image does not exceed container width */
height: auto; /* Maintains aspect ratio */
}
</style>
<p> <img class="image-container" src="https://backendapi.gonje.com/public/gonje-variety-banner.png" alt="Gonje Variety Banner"></p>";} |
0 |
|
|
914 |
|
|
1 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Gonje Variety Banner |
| 756 |
190 |
a:1:{s:7:"content";s:1154:"<style>
.marquee {
width: 100%;
overflow: hidden;
background: linear-gradient(90deg, #ff6f61, #d5a6a1);
color: white;
padding: 10px;
font-size: 24px;
font-weight: bold;
white-space: nowrap;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.marquee-content {
display: inline-block;
padding-left: 100%;
animation: marquee 35s linear infinite; /* Increased duration to slow down */
}
@keyframes marquee {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
</style>
<div class="marquee">
<div class="marquee-content" style="color:#fff;font-size:20px;">
Welcome to Our Marketplace! Explore a wide range of fresh groceries, exclusive deals, and special offers just for you. Don’t miss out on our limited-time discounts and seasonal promotions. Shop now and enjoy the best quality products delivered right to your door!
</div>
</div>";} |
0 |
|
|
1206 |
|
|
1 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Page Marquee Ad |
| 590 |
203 |
a:1:{s:7:"content";s:434:"<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/6582623e07843602b803d081/1hi2kvi4u';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->";} |
0 |
|
|
921 |
|
|
1 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Tawkto Block |
| 753 |
221 |
a:1:{s:7:"content";s:475:"<script>
function hideNotifications() {
document.querySelectorAll(".notification-content").forEach(function (element) {
element.style.display = "none";
});
}
// Run once on initial load
setTimeout(hideNotifications, 3000);
// Set up MutationObserver to handle AJAX-loaded elements
const observer = new MutationObserver(function (mutations) {
hideNotifications();
});
observer.observe(document.body, {
childList: true,
subtree: true,
});
</script>";} |
0 |
|
|
1198 |
|
|
1 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Notification timer control |
| 777 |
358 |
a:1:{s:7:"content";s:7210:"<script>
// Mobile Bottom Navigation Script with Font Awesome + HTML entity fallbacks
document.addEventListener('DOMContentLoaded', function() {
// First, ensure Font Awesome is loaded
if (!document.querySelector('link[href*="font-awesome"]')) {
const faLink = document.createElement('link');
faLink.rel = 'stylesheet';
faLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css';
document.head.appendChild(faLink);
}
// Create the navigation container
const mobileNav = document.createElement('div');
mobileNav.className = 'mobile-bottom-nav';
// Create the navigation items container
const navItems = document.createElement('ul');
navItems.className = 'mobile-nav-items';
// Navigation items data with both Font Awesome and HTML entity fallbacks
const navLinks = [
{
url: 'https://marketplace.gonje.com/index.php?dispatch=companies.catalog',
faIcon: 'fas fa-store',
fallbackIcon: '🏪', // ????
text: 'Vendor',
active: false
},
{
url: 'https://marketplace.gonje.com/orders/',
faIcon: 'fas fa-clipboard-list',
fallbackIcon: '📋', // ????
text: 'Orders',
active: false
},
{
url: 'https://marketplace.gonje.com/wishlist/',
faIcon: 'fas fa-heart',
fallbackIcon: '♥', // ♥
text: 'Planner',
active: false
},
{
url: 'https://marketplace.gonje.com/cart',
faIcon: 'fas fa-shopping-cart',
fallbackIcon: '🛒', // ????
text: 'Cart',
active: false
},
{
url: 'https://marketplace.gonje.com/what-we-do',
faIcon: 'fas fa-hands-helping',
fallbackIcon: '🤝', // ????
text: 'What we do',
active: false
}
];
// Get current URL and clean it for comparison
const currentUrl = new URL(window.location.href);
const currentPath = currentUrl.pathname + currentUrl.search;
// Create navigation items with both icon types
navLinks.forEach(link => {
const navItem = document.createElement('li');
const navLink = document.createElement('a');
navLink.href = link.url;
// Check if this link matches current page
const linkUrl = new URL(link.url);
const linkPath = linkUrl.pathname + linkUrl.search;
// Compare paths to determine if this is the active link
const isActive = currentPath === linkPath ||
(currentPath.startsWith(linkPath) && linkPath !== '/');
navLink.className = `mobile-nav-item ${isActive ? 'active' : ''}`;
// Create icon container
const iconContainer = document.createElement('span');
iconContainer.className = 'nav-icon';
// Create Font Awesome icon
const faIcon = document.createElement('i');
faIcon.className = link.faIcon;
faIcon.style.display = 'inline-block';
// Create fallback with HTML entity
const fallback = document.createElement('span');
fallback.className = 'icon-fallback';
fallback.innerHTML = link.fallbackIcon; // Using innerHTML for entities
fallback.style.display = 'none';
// Add both to container
iconContainer.appendChild(faIcon);
iconContainer.appendChild(fallback);
// Create text label
const text = document.createElement('span');
text.className = 'nav-text';
text.textContent = link.text;
navLink.appendChild(iconContainer);
navLink.appendChild(text);
navItem.appendChild(navLink);
navItems.appendChild(navItem);
// Check if Font Awesome loaded properly
setTimeout(() => {
if (faIcon.offsetWidth === 0 && faIcon.offsetHeight === 0) {
faIcon.style.display = 'none';
fallback.style.display = 'inline-block';
}
}, 100);
});
// Add items to navigation
mobileNav.appendChild(navItems);
// Add navigation to body
document.body.appendChild(mobileNav);
// Add CSS styles
const style = document.createElement('style');
style.textContent = `
.mobile-bottom-nav {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: white;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
z-index: 1000;
padding: 8px 0;
}
.mobile-nav-items {
display: flex;
justify-content: space-around;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.mobile-nav-item {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: #555;
font-size: 10px;
padding: 5px 8px;
border-radius: 8px;
transition: all 0.2s ease;
}
.nav-icon {
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
margin-bottom: 4px;
font-size: 20px;
line-height: 1;
}
.mobile-nav-item i {
font-size: 20px;
display: inline-block;
width: 100%;
height: 100%;
}
.icon-fallback {
font-size: 20px;
display: none;
width: 100%;
height: 100%;
}
.mobile-nav-item.active {
color: #28A745;
background: rgba(40, 167, 69, 0.1);
}
.mobile-nav-item.active i,
.mobile-nav-item.active .icon-fallback {
color: #28A745;
}
.mobile-nav-item:hover {
background: rgba(40, 167, 69, 0.1);
}
@media (max-width: 768px) {
.mobile-bottom-nav {
display: block;
}
body {
padding-bottom: 70px;
}
}
`;
// Add styles to head
document.head.appendChild(style);
// Add click handler to set active state
document.querySelectorAll('.mobile-nav-item').forEach(item => {
item.addEventListener('click', function(e) {
document.querySelectorAll('.mobile-nav-item').forEach(navItem => {
navItem.classList.remove('active');
});
this.classList.add('active');
});
});
});
</script>";} |
0 |
|
|
1262 |
|
|
1 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
HTML BOTTOM NAV |
| 753 |
2 |
a:1:{s:4:"text";s:0:"";} |
0 |
|
|
1199 |
|
|
2 |
A |
currencies |
a:3:{s:8:"template";s:21:"blocks/currencies.tpl";s:6:"format";s:6:"symbol";s:14:"dropdown_limit";s:1:"3";} |
0 |
1 |
de |
Currencies |
| 587 |
8 |
|
0 |
|
|
916 |
|
top-cart-content |
2 |
D |
cart_content |
a:4:{s:8:"template";s:23:"blocks/cart_content.tpl";s:22:"display_bottom_buttons";s:1:"Y";s:20:"display_delete_icons";s:1:"Y";s:19:"products_links_type";s:5:"thumb";} |
0 |
1 |
de |
Cart content |
| 767 |
13 |
a:1:{s:7:"content";s:970:"<div class="ty-social-link-block"><h3 class="ty-social-link__title">{__("get_social")}</h3>
<div class="ty-social-link facebook">
<a href="https://web.facebook.com/p/Gonje-100071509825420/?_rdc=1&_rdr"><span class="ty-icon ty-icon-facebook"></span>Facebook </a>
</div>
<div class="ty-social-link">
<a href="https://www.tiktok.com/@gonjeapp?_t=ZS-8srMJxBImeY&_r=1"><img src="https://backendapi.gonje.com/public/tiktok-logo.png" /></span> Tiktok </a>
</div>
<div class="ty-social-link instagram">
<a href="https://www.instagram.com/gonjeapp"><span class="ty-icon ty-icon-instagram"></span>Instagram </a>
</div>
<!--
<div class="ty-social-link twitter">
<a href="https://www.x.com/"><img src="https://backendapi.gonje.com/public/twitter-x-logo.png" /></span>X</a></div>
-->
<div class="ty-social-link youtube">
<a href="https://www.youtube.com"><span class="ty-icon ty-icon-youtube"></span>Youtube </a>
</div></div>
";} |
0 |
|
|
1252 |
|
|
2 |
A |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
Social links |
| 755 |
238 |
a:1:{s:7:"content";s:1304:"{* File: themes/your_theme/templates/blocks/realtime_cart_count.tpl *}
{* Unique classes/IDs to prevent conflicts *}
{$cart_count = $cart.amount|default:$smarty.session.cart.amount|default:0}
<style>
.realtime-cart-count {
position: relative;
top: 25px;
display: inline-block;
z-index: 1000;
}
.realtime-cart-badge {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: #808080;
border-radius: 50%;
color: white;
font-weight: bold;
font-size: 14px;
}
</style>
<div class="realtime-cart-count">
<span class="realtime-cart-badge" id="realtime_cart_counter">
{$cart_count}
</span>
</div>
<script>
(function(_, $) {
// Update immediately when cart changes (add/remove)
$.ceEvent('on', 'ce.cart.changed', function(data) {
if (typeof data.amount !== 'undefined') {
$('#realtime_cart_counter').text(data.amount);
}
});
// Handle edge cases (e.g., cart emptied via bulk action)
$.ceEvent('on', 'ce.ajaxdone', function(response) {
if (response.cart_amount === 0) {
$('#realtime_cart_counter').text('0');
}
});
})(Tygh, Tygh.$);
</script>";} |
0 |
|
|
1203 |
|
|
2 |
D |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
Cart count block for new style |
| 777 |
359 |
a:1:{s:7:"content";s:7297:"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gonje Page Loader</title>
<style>
/* Page Loader Styles */
#gonje-loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.98);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 9999;
transition: opacity 0.5s ease;
}
.gonje-loading-container {
text-align: center;
max-width: 600px;
padding: 30px;
}
.gonje-loading-image {
max-width: 180px;
margin-bottom: 30px;
}
.gonje-loading-text {
font-size: 1.2rem;
color: #28a745;
margin-bottom: 25px;
line-height: 1.6;
font-weight: 500;
}
.gonje-loading-progress {
width: 100%;
height: 8px;
background: #e0e0e0;
border-radius: 4px;
overflow: hidden;
margin: 20px 0;
}
.gonje-loading-progress-bar {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #28A745, #70ab4b);
border-radius: 4px;
transition: width 0.4s ease;
}
.gonje-loading-tip {
font-size: 1rem;
color: #6c757d;
font-style: italic;
margin-top: 25px;
}
.gonje-loading-fact {
font-size: 1.1rem;
color: #333;
padding: 15px;
background: #f8fff8;
border-radius: 8px;
border-left: 4px solid #28a745;
margin: 15px 0;
text-align: center;
}
.gonje-loading-countdown {
font-size: 0.9rem;
color: #6c757d;
margin-top: 10px;
}
@media (max-width: 768px) {
.gonje-loading-container {
padding: 20px;
}
.gonje-loading-text {
font-size: 1.1rem;
}
.gonje-loading-fact {
font-size: 1rem;
}
}
</style>
</head>
<body>
<!-- Page Loader -->
<div id="gonje-loading-overlay">
<div class="gonje-loading-container">
<img src="https://marketplace.gonje.com/images/fruitloader.gif" alt="Loading..." class="gonje-loading-image">
<div class="gonje-loading-text">Preparing the freshest experience for you...</div>
<div class="gonje-loading-fact" id="gonje-loading-fact">
Did you know? Eating seasonal produce ensures you get the most flavorful and nutrient-rich foods.
</div>
<div class="gonje-loading-progress">
<div class="gonje-loading-progress-bar" id="gonje-loading-progress-bar"></div>
</div>
<div class="gonje-loading-countdown" id="gonje-loading-countdown">Loading will complete in 10 seconds</div>
<div class="gonje-loading-tip">Gonje Tip: Ordering in advance helps ensure you get the best delivery slots!</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const loadingOverlay = document.getElementById('gonje-loading-overlay');
const progressBar = document.getElementById('gonje-loading-progress-bar');
const factElement = document.getElementById('gonje-loading-fact');
const countdownElement = document.getElementById('gonje-loading-countdown');
// Food and grocery facts
const facts = [
"Eating seasonal produce ensures you get the most flavorful and nutrient-rich foods.",
"Frozen vegetables can be just as nutritious as fresh ones, as they're frozen at peak ripeness.",
"Meal planning can reduce food waste by up to 15% and save the average family $1,500 per year.",
"Local food often travels less than 100 miles from farm to table, reducing carbon footprint.",
"Properly stored, apples can stay fresh for up to 4 months in the refrigerator.",
"Leafy greens like spinach and kale are most nutritious when consumed within 1-2 days of purchase.",
"Buying in bulk reduces packaging waste and can save up to 20% on grocery bills.",
"Herbs stay fresh longer when stored like flowers - stems in water, covered with a plastic bag.",
"Food delivery services reduce individual car trips to grocery stores, helping the environment.",
"Planning meals around sales and seasonal items can cut grocery costs by 25% or more."
];
// Set loading duration to 10 seconds (10000 milliseconds)
const loadingDuration = 10000;
let progress = 0;
let currentFact = 0;
let secondsRemaining = 10;
// Update countdown timer
const countdownInterval = setInterval(() => {
secondsRemaining--;
if (secondsRemaining > 0) {
countdownElement.textContent = `Loading will complete in ${secondsRemaining} second${secondsRemaining !== 1 ? 's' : ''}`;
} else {
countdownElement.textContent = "Loading complete!";
clearInterval(countdownInterval);
}
}, 1000);
// Change fact every 5 seconds
setInterval(() => {
currentFact = (currentFact + 1) % facts.length;
factElement.textContent = facts[currentFact];
}, 5000);
// Calculate progress increment per interval
const totalIntervals = loadingDuration / 300;
const progressIncrement = 100 / totalIntervals;
// Simulate loading progress
const loadingInterval = setInterval(() => {
progress += progressIncrement;
if (progress >= 100) {
progress = 100;
clearInterval(loadingInterval);
// Hide loading overlay when done
setTimeout(() => {
loadingOverlay.style.opacity = '0';
setTimeout(() => {
loadingOverlay.style.display = 'none';
}, 500);
}, 500);
}
progressBar.style.width = progress + '%';
}, 300);
});
</script>
</body>
</html>";} |
0 |
|
|
1278 |
|
|
2 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Gonje animated loader |
| 755 |
241 |
a:1:{s:7:"content";s:1833:"<div class="realtime-cart-count">
<span class="realtime-cart-badge" id="realtime_cart_counter">0</span>
</div>
<style>
.realtime-cart-count {
position: relative;
top: 25px;
display: inline-block;
z-index: 1000;
}
.realtime-cart-badge {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: #808080;
border-radius: 50%;
color: white;
font-weight: bold;
font-size: 14px;
transition: all 0.3s ease;
}
.realtime-cart-badge.update-flash {
transform: scale(1.3);
background: #ff6b6b;
}
</style>
<script>
(function(_, $) {
// Flash effect when the cart count updates
function flashCounter() {
var $counter = $('#realtime_cart_counter');
$counter.addClass('update-flash');
setTimeout(function() {
$counter.removeClass('update-flash');
}, 300);
}
// Function to update the cart count
function updateCartCount(newCount) {
$('#realtime_cart_counter').text(newCount);
flashCounter();
}
// Listen for CS-Cart AJAX events (including the add-to-cart modal)
$.ceEvent('on', 'ce.ajaxdone', function(response) {
if (response.current_amount !== undefined) {
updateCartCount(response.current_amount); // Update count with CS-Cart's own response data
}
});
// Update cart count on page load
$(document).ready(function() {
$.ceAjax('request', fn_url('checkout.cart'), {
callback: function(data) {
if (data.cart_amount !== undefined) {
updateCartCount(data.cart_amount);
}
}
});
});
})(Tygh, Tygh.$);
</script>
";} |
0 |
|
|
1204 |
|
|
3 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Cart count html block |
| 777 |
360 |
a:1:{s:7:"content";s:67:"<style>
.ty-pagination__selected {
color: black;
}
</style>";} |
0 |
|
|
1279 |
|
|
3 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
CUSTOM STYLES |
| 777 |
361 |
a:1:{s:7:"content";s:5270:"<script>
// Create and insert the promo banner as the first element in body
function createPromoBanner() {
// Create banner element
const banner = document.createElement('div');
banner.id = 'promo-banner';
banner.innerHTML = `
<div class="promo-content">
<span class="promo-text">🎉 Celebrate with us! Get a FREE pack of premium beverages with orders of $150 or more from <a href="https://marketplace.gonje.com/adonai-foods" class="promo-link">Adonai Foods</a>. Limited time offer!</span>
<button class="promo-close" aria-label="Close promo banner">×</button>
</div>
`;
// Apply styles to the banner
const styles = `
#promo-banner {
width: 100%;
height: 60px;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: white;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
z-index: 1000;
}
.promo-content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 1200px;
padding: 0 20px;
position: relative;
margin: 0 auto;
}
.promo-text {
font-size: 14px;
font-weight: 500;
text-align: center;
padding: 0 30px;
}
.promo-link {
color: #000;
font-weight: 700;
text-decoration: underline;
transition: all 0.2s ease;
}
.promo-link:hover {
color: #ffeb3b;
text-decoration: none;
}
.promo-close {
position: absolute;
right: 20px;
background: rgba(255,255,255,0.2);
border: none;
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease;
}
.promo-close:hover {
background: rgba(255,255,255,0.3);
}
@media (max-width: 768px) {
#promo-banner {
height: auto;
min-height: 60px;
padding: 10px 0;
}
.promo-text {
font-size: 13px;
padding: 0 40px 0 20px;
}
.promo-close {
right: 10px;
}
}
`;
// Create style element and add styles
const styleSheet = document.createElement('style');
styleSheet.textContent = styles;
document.head.appendChild(styleSheet);
// Insert the banner as the first element in the body
document.body.insertBefore(banner, document.body.firstChild);
// Scroll to the top of the page
window.scrollTo({
top: 0,
behavior: 'smooth'
});
// Add close functionality
const closeButton = banner.querySelector('.promo-close');
closeButton.addEventListener('click', function() {
banner.style.display = 'none';
// Store dismissal in localStorage for 24 hours
localStorage.setItem('promoBannerDismissed', 'true');
localStorage.setItem('promoBannerDismissedTime', Date.now());
});
// Check if banner was previously dismissed
const isDismissed = localStorage.getItem('promoBannerDismissed');
const dismissedTime = localStorage.getItem('promoBannerDismissedTime');
if (isDismissed && dismissedTime) {
const twentyFourHours = 10 * 1000;
const now = Date.now();
// Show banner again if 24 hours have passed
if (now - dismissedTime > twentyFourHours) {
localStorage.removeItem('promoBannerDismissed');
localStorage.removeItem('promoBannerDismissedTime');
banner.style.display = 'flex';
} else {
banner.style.display = 'none';
}
}
}
// Initialize the banner when DOM is loaded
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function() {
createPromoBanner();
});
} else {
createPromoBanner();
}
</script>";} |
0 |
|
|
1280 |
|
|
4 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Nav Popup Script |
| 777 |
165 |
a:1:{s:7:"content";s:136:"<p><br></p>
<figure><img src="https://backendapi.gonje.com/public/gonje-storage/public/images/payment-methods.png"></figure>
<p><br></p>";} |
0 |
|
|
1276 |
|
|
5 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Gonje Payment methods |
| 777 |
247 |
a:1:{s:7:"content";s:2945:"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Back to Top Widget</title>
<style>
.back-to-top {
position: fixed;
bottom: 250px;
right: 30px;
width: 50px;
height: 50px;
background-color: rgba(74, 107, 255, 0.85); /* Added transparency */
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 4px 12px rgba(74, 107, 255, 0.3);
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
z-index: 1000;
backdrop-filter: blur(2px); /* Adds a subtle blur effect to elements behind */
border: 1px solid rgba(255, 255, 255, 0.2); /* Subtle border */
}
.back-to-top.active {
opacity: 0.85; /* Matches the background transparency */
visibility: visible;
transform: translateY(0);
}
.back-to-top:hover {
background-color: rgba(58, 86, 212, 0.9); /* Slightly less transparent on hover */
box-shadow: 0 6px 16px rgba(74, 107, 255, 0.4);
transform: translateY(-3px);
opacity: 1; /* Fully opaque on hover */
}
.back-to-top::after {
content: "";
width: 16px;
height: 16px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(-45deg);
margin-top: 6px;
}
@media (max-width: 768px) {
.back-to-top {
width: 44px;
height: 44px;
bottom: 250px;
right: 20px;
}
}
</style>
</head>
<body>
<!-- Back to Top Widget -->
<div class="back-to-top" id="backToTop"></div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const backToTopButton = document.getElementById('backToTop');
// Show/hide the button based on scroll position
window.addEventListener('scroll', function() {
if (window.pageYOffset > 300) {
backToTopButton.classList.add('active');
} else {
backToTopButton.classList.remove('active');
}
});
// Smooth scroll to top when clicked
backToTopButton.addEventListener('click', function(e) {
e.preventDefault();
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
});
</script>
</body>
</html>";} |
0 |
|
|
1277 |
|
|
6 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Scroll Widget HTML |
| 777 |
248 |
a:1:{s:7:"content";s:342:"<script>// Find all span elements with both classes
// Find all span elements with both classes
const elements = document.querySelectorAll('span.ty-icon.ty-icon-short-list');
// Loop through each found element and apply the style
elements.forEach(element => {
element.style.top = '-20px';
element.style.background = 'none';
});
</script>";} |
0 |
|
|
1274 |
|
|
7 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Script to target sorting icon on product page and restyle |
| 777 |
236 |
a:1:{s:7:"content";s:890:"// Find the button by its name attribute
const addToCartButton = document.querySelector('button[name="dispatch[checkout.add..8]"]');
// Function to replace text in the specified classes
function replaceTextInClasses() {
const elements = document.querySelectorAll('.ty-minicart-title, .ty-hand');
elements.forEach(element => {
element.textContent = '';
});
console.log('Text replaced in .ty-minicart-title and .ty-hand');
}
// Add click event listener to the button
if (addToCartButton) {
addToCartButton.addEventListener('click', function(event) {
// Optional: Prevent default button behavior if needed
// event.preventDefault();
// Execute the text replacement
replaceTextInClasses();
// Optional: Add a delay if the content appears dynamically
// setTimeout(replaceTextInClasses, 1000);
});
} else {
console.log('Button not found');
}";} |
0 |
|
|
1275 |
|
|
8 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Script to clear cart text after adding item |
| 777 |
237 |
a:1:{s:7:"content";s:569:"<script>
// Wait for the DOM to be fully loaded
document.addEventListener('DOMContentLoaded', function() {
// Find all elements with the class 'ty-minicart-title'
var minicartTitles = document.querySelectorAll('.ty-minicart-title');
// Loop through each element found
minicartTitles.forEach(function(element) {
// Add 10 to the element's content
element.innerHTML = ' ' + element.innerHTML;
// Set the display to none
element.style.display = 'none';
});
});
</script>";} |
0 |
|
|
1273 |
|
|
9 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Replace title with non breaking space in cart content |
| 777 |
239 |
a:1:{s:7:"content";s:494:"<script>
// Wait for the DOM to be fully loaded
document.addEventListener('DOMContentLoaded', function() {
// Find the element with both classes
const emptyCartElement = document.querySelector('.ty-cart-items__empty.ty-center');
// If the element exists, insert the text
if (emptyCartElement) {
emptyCartElement.textContent = 'The cart is empty';
} else {
console.log('Element with class "ty-cart-items__empty ty-center" not found');
}
});
</script>";} |
0 |
|
|
1272 |
|
|
10 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Add cart is empty text |
| 777 |
240 |
a:1:{s:7:"content";s:1746:"<script>
(function(_, $) {
// Visual feedback function
function flashCounter() {
var $counter = $('#realtime_cart_counter');
$counter.addClass('update-flash');
setTimeout(function() {
$counter.removeClass('update-flash');
}, 300);
}
// Function to fetch the latest cart data from the server
function updateCartCount() {
$.ceAjax('request', fn_url('checkout.cart'), {
method: 'POST',
callback: function(data) {
if (data.cart_amount !== undefined) {
$('#realtime_cart_counter').text(data.cart_amount);
flashCounter();
}
}
});
}
// 1. TRACK ALL ADD TO CART BUTTONS
$(document).on('click', '[id^="button_cart_"], .ty-btn__add-to-cart', function(e) {
updateCartCount();
});
// 2. TRACK ALL REMOVE ITEM LINKS
$(document).on('click', 'a[href*="checkout.delete"], a[href*="cart.delete"], a[href*="wishlist.delete"]', function(e) {
updateCartCount();
});
// 3. HANDLE AJAX RESPONSE EVENTS
$.ceEvent('on', 'ce.ajaxdone', function(response) {
if (response.cart_amount !== undefined) {
$('#realtime_cart_counter').text(response.cart_amount);
flashCounter();
}
});
// 4. HANDLE CART CHANGES (e.g., quantity updates)
$.ceEvent('on', 'ce.cart.changed', function(data) {
if (data.amount !== undefined) {
$('#realtime_cart_counter').text(data.amount);
flashCounter();
}
});
// 5. INITIAL CART COUNT UPDATE ON PAGE LOAD
$(document).ready(function() {
updateCartCount();
});
})(Tygh, Tygh.$);
</script>";} |
0 |
|
|
1271 |
|
|
11 |
D |
safe_smarty_block |
a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} |
0 |
1 |
de |
Cart count tpl script |
| 777 |
242 |
a:1:{s:7:"content";s:3195:"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cart Indicator</title>
<style>
/* Base styles */
.ty-dropdown-box {
}
/* Cart icon styles */
.ty-icon.ty-icon-cart.ty-minicart__icon.filled {
display: inline-block;
width: 40px;
height: 40px;
background-color: #f7f5f0;
margin: 10px;
position: relative;
}
/* Green dot indicator */
.ty-icon.ty-icon-cart.ty-minicart__icon.filled.has-indicator::after {
content: '';
position: absolute;
top: -5px;
right: -5px;
width: 12px;
height: 12px;
background-color: #2ecc71;
border-radius: 50%;
border: 2px solid white;
z-index: 10;
}
/* Button styles */
.ty-btn__add-to-cart {
}
.ty-btn__add-to-cart:hover {
}
</style>
</head>
<body>
<script>
document.addEventListener('DOMContentLoaded', function() {
const addToCartButton = document.querySelector('.ty-btn__add-to-cart');
function containsCartText(element) {
const textContent = element.textContent || element.innerText;
return textContent.toLowerCase().includes('cart');
}
function getTargetIcons() {
const allDropdowns = document.querySelectorAll('.ty-dropdown-box');
const targetIcons = [];
allDropdowns.forEach(dropdown => {
if (containsCartText(dropdown)) {
const icon = dropdown.querySelector('.ty-icon.ty-icon-cart.ty-minicart__icon.filled');
if (icon) {
targetIcons.push({
icon: icon,
container: dropdown
});
}
}
});
return targetIcons;
}
// Add green dot when clicking the button
addToCartButton.addEventListener('click', function() {
const targetIcons = getTargetIcons();
targetIcons.forEach(item => {
item.icon.classList.add('has-indicator');
});
});
// Remove green dot when clicking the container
document.addEventListener('click', function(e) {
const dropdown = e.target.closest('.ty-dropdown-box');
if (dropdown && containsCartText(dropdown)) {
const icon = dropdown.querySelector('.ty-icon.ty-icon-cart.ty-minicart__icon.filled');
if (icon) {
icon.classList.remove('has-indicator');
}
}
});
});
</script>
</body>
</html>";} |
0 |
|
|
1270 |
|
|
12 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Cart Update Indicator |
| 777 |
243 |
a:1:{s:7:"content";s:842:"<script>
(function() {
// Function to hide the error message
const hideCountryError = () => {
const notifications = document.querySelectorAll('.cm-notification-content.notification-content.alert-error');
notifications.forEach(notification => {
if (notification.textContent.includes("The 'Country' field is required.")) {
notification.style.display = 'none'; // Hide it
// notification.remove(); // Or remove it completely
}
});
};
// Run immediately when the script loads
hideCountryError();
// Set up a MutationObserver to detect dynamically loaded errors
const observer = new MutationObserver(hideCountryError);
observer.observe(document.body, {
childList: true,
subtree: true
});
})();
</script>";} |
0 |
|
|
1269 |
|
|
13 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Remove country required notification |
| 777 |
244 |
a:1:{s:7:"content";s:2072:"<script>
// Function to fetch country from IPinfo and update both select and flag
function setCountryBasedOnIP() {
const selectElement = document.getElementById('litecheckout_country');
const flagSpan = document.querySelector('.ty-icon.ty-flag.ty-select-block__a-flag');
if (!selectElement || !flagSpan) {
console.error('Required elements not found');
return;
}
// Fetch country information from IPinfo
fetch('https://ipinfo.io/json?token=801609ba6b01eb')
.then(response => response.json())
.then(data => {
const countryCode = data.country; // Get the 2-letter country code
if (!countryCode) {
console.error('Could not determine country from IP');
return;
}
// Update the select dropdown
const optionToSelect = selectElement.querySelector(`option[value="${countryCode}"]`);
if (optionToSelect) {
optionToSelect.selected = true;
// Update the flag span
// First remove all existing flag classes
flagSpan.className = flagSpan.className.replace(/\bty-flag-\w+\b/g, '');
// Add the new flag class
flagSpan.classList.add(`ty-flag-${countryCode.toLowerCase()}`);
// Trigger change event
const event = new Event('change');
selectElement.dispatchEvent(event);
console.log(`Country set to ${optionToSelect.textContent} (${countryCode})`);
} else {
console.warn(`No option found for country code: ${countryCode}`);
}
})
.catch(error => {
console.error('Error fetching IP info:', error);
});
}
// Run when page loads
document.addEventListener('DOMContentLoaded', setCountryBasedOnIP);
// Also handle dynamic loading
const observer = new MutationObserver(() => {
if (document.getElementById('litecheckout_country') &&
document.querySelector('.ty-icon.ty-flag.ty-select-block__a-flag')) {
setCountryBasedOnIP();
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
</script>";} |
0 |
|
|
1268 |
|
|
14 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Target and autofill country input field |
| 777 |
19 |
|
0 |
|
|
1267 |
|
|
15 |
D |
template |
a:1:{s:8:"template";s:41:"blocks/static_templates/payment_icons.tpl";} |
0 |
1 |
de |
Payment icons |
| 777 |
221 |
a:1:{s:7:"content";s:475:"<script>
function hideNotifications() {
document.querySelectorAll(".notification-content").forEach(function (element) {
element.style.display = "none";
});
}
// Run once on initial load
setTimeout(hideNotifications, 3000);
// Set up MutationObserver to handle AJAX-loaded elements
const observer = new MutationObserver(function (mutations) {
hideNotifications();
});
observer.observe(document.body, {
childList: true,
subtree: true,
});
</script>";} |
0 |
|
|
1266 |
|
|
16 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Notification timer control |
| 777 |
234 |
a:1:{s:7:"content";s:721:"<script>
document.addEventListener('DOMContentLoaded', function() {
// Find all elements with the specified classes
const elements = document.querySelectorAll('.ty-minicart-title.ty-hand, .ty-block');
// Loop through each element found
elements.forEach(element => {
// Clear the existing text content and add with a dropdown icon
element.innerHTML = ' <span class="dropdown-icon">▼</span>';
// Style the dropdown icon for mobile
const dropdownIcon = element.querySelector('.dropdown-icon');
dropdownIcon.style.fontSize = '8px'; // Mobile-friendly size
dropdownIcon.style.verticalAlign = 'middle';
dropdownIcon.style.display = 'none';
});
});
</script>";} |
0 |
|
|
1265 |
|
|
17 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Remodel and remove text from cart |
| 777 |
235 |
a:1:{s:7:"content";s:909:"<script>
// Find the button by its name attribute
const addToCartButton = document.querySelector('button[name="dispatch[checkout.add..8]"]');
// Function to replace text in the specified classes
function replaceTextInClasses() {
const elements = document.querySelectorAll('.ty-minicart-title, .ty-hand');
elements.forEach(element => {
element.textContent = '';
});
console.log('Text replaced in .ty-minicart-title and .ty-hand');
}
// Add click event listener to the button
if (addToCartButton) {
addToCartButton.addEventListener('click', function(event) {
// Optional: Prevent default button behavior if needed
// event.preventDefault();
// Execute the text replacement
replaceTextInClasses();
// Optional: Add a delay if the content appears dynamically
// setTimeout(replaceTextInClasses, 1000);
});
} else {
console.log('Button not found');
}
</script>";} |
0 |
|
|
1264 |
|
|
18 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Replace cart title with empty string |
| 777 |
245 |
a:1:{s:7:"content";s:619:"<script>
const shopNowLink = Array.from(document.querySelectorAll('a')).find(a =>
a.textContent.trim() === 'Shop now' &&
a.href === 'https://marketplace.gonje.com/fulfilment-by-gonje/'
);
if (shopNowLink) {
// Add the onclick attribute
shopNowLink.setAttribute('onclick', "document.getElementById('mod-sn-modal').style.display = 'flex'");
// Remove the href attribute to disable linking
shopNowLink.removeAttribute('href');
// Prevent default behavior if someone tries to click it
shopNowLink.addEventListener('click', (e) => {
e.preventDefault();
});
}
</script>";} |
0 |
|
|
1263 |
|
|
19 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Script for shop now vendor location link |
| 777 |
233 |
a:1:{s:7:"content";s:946:"<script>
// Wait for DOM to be fully loaded before executing
document.addEventListener('DOMContentLoaded', function() {
try {
// Hide elements with any attribute containing 'wk_aramex_delivery_datetime'
const elementsToHide = document.querySelectorAll('[id*="wk_aramex_delivery_datetime"], [name*="wk_aramex_delivery_datetime"], [class*="wk_aramex_delivery_datetime"]');
elementsToHide.forEach(element => {
if (element && element.style) {
element.style.display = 'none';
}
});
// Hide labels containing these elements
document.querySelectorAll('label').forEach(label => {
if (label && label.innerHTML && label.innerHTML.includes('wk_aramex_delivery_datetime')) {
label.style.display = 'none';
}
});
} catch (error) {
console.error('Error hiding elements:', error);
}
});
</script>";} |
0 |
|
|
1261 |
|
|
20 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
Hide Webkul Date and Time |
| 777 |
363 |
a:1:{s:7:"content";s:321:"<script>
// Scroll to top immediately when the script runs
window.scrollTo({
top: 0,
behavior: 'smooth'
});
// Alternative: Scroll to top after a tiny delay to ensure page is fully loaded
setTimeout(() => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}, 100);
</script>";} |
0 |
|
|
1251 |
|
|
21 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
de |
SCROLL TO TOP |