SELECT 
  cscart_bm_snapping.grid_id as grid_id, 
  cscart_bm_snapping.block_id as block_id, 
  IFNULL(
    dynamic_object_content.content, 
    default_content.content
  ) as content, 
  IFNULL(
    dynamic_object_content.object_id, 
    default_content.object_id
  ) AS object_id, 
  IFNULL(
    dynamic_object_content.object_type, 
    default_content.object_type
  ) AS object_type, 
  cscart_bm_block_statuses.object_ids as object_ids, 
  cscart_bm_snapping.*, 
  cscart_bm_blocks.*, 
  cscart_bm_blocks_descriptions.* 
FROM 
  cscart_bm_snapping 
  LEFT JOIN cscart_bm_blocks ON cscart_bm_blocks.block_id = cscart_bm_snapping.block_id 
  LEFT JOIN cscart_bm_block_statuses ON cscart_bm_snapping.snapping_id = cscart_bm_block_statuses.snapping_id 
  AND cscart_bm_block_statuses.object_type LIKE '' 
  LEFT JOIN cscart_bm_blocks_descriptions ON cscart_bm_blocks.block_id = cscart_bm_blocks_descriptions.block_id 
  LEFT JOIN cscart_bm_blocks_content AS default_content ON cscart_bm_blocks.block_id = default_content.block_id 
  AND cscart_bm_blocks_descriptions.lang_code = default_content.lang_code 
  AND default_content.snapping_id = 0 
  AND default_content.object_id = 0 
  AND default_content.object_type like '' 
  LEFT JOIN cscart_bm_blocks_content AS dynamic_object_content ON cscart_bm_blocks.block_id = dynamic_object_content.block_id 
  AND cscart_bm_blocks_descriptions.lang_code = dynamic_object_content.lang_code 
  AND dynamic_object_content.object_id = 0 
  AND dynamic_object_content.object_type like '' 
WHERE 
  cscart_bm_snapping.grid_id IN (
    584, 585, 586, 587, 588, 589, 590, 591, 
    753, 754, 755, 756, 766, 769, 775, 767, 
    768, 770, 771, 772, 773, 774, 776, 777, 
    778
  ) 
  AND cscart_bm_blocks_descriptions.lang_code = 'es' 
ORDER BY 
  cscart_bm_snapping.order, 
  cscart_bm_snapping.block_id

Query time 0.00200

JSON explain

{
  "query_block": {
    "select_id": 1,
    "cost": 0.709115714,
    "nested_loop": [
      {
        "read_sorted_file": {
          "filesort": {
            "sort_key": "cscart_bm_snapping.`order`, cscart_bm_snapping.block_id",
            "table": {
              "table_name": "cscart_bm_snapping",
              "access_type": "range",
              "possible_keys": ["grid_id"],
              "key": "grid_id",
              "key_length": "4",
              "used_key_parts": ["grid_id"],
              "loops": 1,
              "rows": 60,
              "cost": 0.08598072,
              "filtered": 100,
              "index_condition": "cscart_bm_snapping.grid_id in (584,585,586,587,588,589,590,591,753,754,755,756,766,769,775,767,768,770,771,772,773,774,776,777,778)"
            }
          }
        }
      },
      {
        "table": {
          "table_name": "cscart_bm_blocks",
          "access_type": "eq_ref",
          "possible_keys": ["PRIMARY"],
          "key": "PRIMARY",
          "key_length": "4",
          "used_key_parts": ["block_id"],
          "ref": ["u428615623_ecartifygonje.cscart_bm_snapping.block_id"],
          "loops": 60,
          "rows": 1,
          "cost": 0.0577624,
          "filtered": 100
        }
      },
      {
        "table": {
          "table_name": "cscart_bm_blocks_descriptions",
          "access_type": "eq_ref",
          "possible_keys": ["PRIMARY"],
          "key": "PRIMARY",
          "key_length": "10",
          "used_key_parts": ["block_id", "lang_code"],
          "ref": ["u428615623_ecartifygonje.cscart_bm_snapping.block_id", "const"],
          "loops": 60,
          "rows": 1,
          "cost": 0.0585816,
          "filtered": 100,
          "attached_condition": "cscart_bm_blocks_descriptions.lang_code = 'es'"
        }
      },
      {
        "table": {
          "table_name": "cscart_bm_block_statuses",
          "access_type": "ref",
          "possible_keys": ["snapping_id"],
          "key": "snapping_id",
          "key_length": "4",
          "used_key_parts": ["snapping_id"],
          "ref": ["u428615623_ecartifygonje.cscart_bm_snapping.snapping_id"],
          "loops": 60,
          "rows": 1,
          "cost": 0.0586934,
          "filtered": 100,
          "attached_condition": "trigcond(cscart_bm_snapping.snapping_id = cscart_bm_block_statuses.snapping_id and cscart_bm_block_statuses.object_type like '')"
        }
      },
      {
        "table": {
          "table_name": "default_content",
          "access_type": "ref",
          "possible_keys": ["PRIMARY"],
          "key": "PRIMARY",
          "key_length": "18",
          "used_key_parts": ["block_id", "snapping_id", "lang_code", "object_id"],
          "ref": [
            "u428615623_ecartifygonje.cscart_bm_snapping.block_id",
            "const",
            "u428615623_ecartifygonje.cscart_bm_blocks_descriptions.lang_code",
            "const"
          ],
          "loops": 60,
          "rows": 1,
          "cost": 0.1070262,
          "filtered": 100,
          "attached_condition": "trigcond(default_content.object_type like '')"
        }
      },
      {
        "table": {
          "table_name": "dynamic_object_content",
          "access_type": "ref",
          "possible_keys": ["PRIMARY"],
          "key": "PRIMARY",
          "key_length": "4",
          "used_key_parts": ["block_id"],
          "ref": ["u428615623_ecartifygonje.cscart_bm_snapping.block_id"],
          "loops": 60,
          "rows": 5,
          "cost": 0.1461462,
          "filtered": 100,
          "attached_condition": "trigcond(dynamic_object_content.lang_code = cscart_bm_blocks_descriptions.lang_code and dynamic_object_content.object_id = 0 and dynamic_object_content.object_type like '')"
        }
      }
    ]
  }
}

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 es 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 es 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 es 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 es 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 es Cart content
589 10 0 919 0 A breadcrumbs a:1:{s:8:"template";s:22:"common/breadcrumbs.tpl";} 0 1 es Breadcrumbs
590 11 0 920 0 A main 0 1 es 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 es About us
776 18 0 1259 0 A template a:1:{s:8:"template";s:37:"blocks/static_templates/copyright.tpl";} 0 1 es 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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: '&#x1F3EA;', text: 'Vendor', show: true }, { url: fn_url('orders.search'), faIcon: 'fas fa-clipboard-list', fallbackIcon: '&#x1F4CB;', text: 'Orders', show: typeof Tygh !== 'undefined' && Tygh.auth.orders_count > 0 }, { url: fn_url('wishlist.view'), faIcon: 'fas fa-heart', fallbackIcon: '&#x2665;', text: 'Planner', show: true }, { url: fn_url('checkout.cart'), faIcon: 'fas fa-shopping-cart', fallbackIcon: '&#x1F6D2;', 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: '&#x1F91D;', 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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: '&#x1F3EA;', // ???? text: 'Vendor', active: false }, { url: 'https://marketplace.gonje.com/orders/', faIcon: 'fas fa-clipboard-list', fallbackIcon: '&#x1F4CB;', // ???? text: 'Orders', active: false }, { url: 'https://marketplace.gonje.com/wishlist/', faIcon: 'fas fa-heart', fallbackIcon: '&#x2665;', // ♥ text: 'Planner', active: false }, { url: 'https://marketplace.gonje.com/cart', faIcon: 'fas fa-shopping-cart', fallbackIcon: '&#x1F6D2;', // ???? text: 'Cart', active: false }, { url: 'https://marketplace.gonje.com/what-we-do', faIcon: 'fas fa-hands-helping', fallbackIcon: '&#x1F91D;', // ???? 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 es 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 es 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 es 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 &nbsp; </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>&nbsp; Tiktok &nbsp; </a> </div> <div class="ty-social-link instagram"> <a href="https://www.instagram.com/gonjeapp"><span class="ty-icon ty-icon-instagram"></span>Instagram &nbsp; </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 &nbsp; </a> </div></div> ";} 0 1252 2 A safe_smarty_block a:1:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";} 0 1 es 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 es 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 es 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 es 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 es 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">&#127881; 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 es 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 es 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 es 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 es 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 es 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 &nbsp; to the element's content element.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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 es 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 &nbsp; with a dropdown icon element.innerHTML = '&nbsp;<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 es 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 es 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 es 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 es 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 es SCROLL TO TOP