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 = 'en' 
ORDER BY 
  cscart_bm_snapping.order, 
  cscart_bm_snapping.block_id

Query time 0.00121

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 = 'en'"
        }
      },
      {
        "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 en 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 en 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 en 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 en 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 en Cart content
589 10 0 919 0 A breadcrumbs a:1:{s:8:"template";s:22:"common/breadcrumbs.tpl";} 0 1 en Breadcrumbs
590 11 0 920 0 A main 0 1 en 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 en About us
776 18 0 1259 0 A template a:1:{s:8:"template";s:37:"blocks/static_templates/copyright.tpl";} 0 1 en Copyright
591 55 a:1:{s:7:"content";s:443:"<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/vendors">Go to the become a vendor page for more information</a></u></li> <li><u><a href="https://www.gonje.com/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 en 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 en 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 en 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 en 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 en 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 en Vendor hero banner
774 178 a:1:{s:7:"content";s:3486:"<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://gonje.com/aboutUs">About Us</a></li> <li><a href="https://gonje.com/terms">Terms & Conditions</a></li> <li><a href="https://gonje.com/terms#privacy">Privacy Policy</a></li> <li><a href="https://gonje.com/terms#refunds">Refunds Policy</a></li> </ul> </div> <div> <h3>Customer Service</h3> <ul class="quick-links"> <li><a href="https://gonje.com/contactUs">Help & Contact Us</a></li> <li><a href="https://gonje.com/faq">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 – 0399692891<br> Email – operations@gonje.com</p> </div> </div> </footer>";} 0 1258 0 A html_block a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} 0 1 en Gonje Footer
589 342 a:1:{s:7:"content";s:62994:"<!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"> <!-- Google Fonts - Poppins --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <style> :root { --primary: #28A745; --primary-light: #e2f3e8; --secondary: #6C5CE7; --dark: #333; --light: #f9f9f9; --gray: #888; } /* Base Styles */ * { font-family: 'Poppins', sans-serif; } body { font-family: 'Poppins', 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, .pricing-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); font-family: 'Poppins', sans-serif; } .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); font-family: 'Poppins', sans-serif; } .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; } /* ===== PRICING SECTION STYLES ===== */ .pricing-hero { position: relative; height: 60vh; min-height: 400px; background: url('https://marketplace.gonje.com/images/vendors-res-grcy.png') center/cover no-repeat; border-radius: 16px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; overflow: hidden; } .pricing-hero::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, .45); } .pricing-hero-content { position: relative; z-index: 1; max-width: 600px; padding: 0 20px; } .pricing-hero h1 { font-size: 42px; margin-bottom: 15px; color: white; } .pricing-hero p { font-size: 18px; margin-bottom: 25px; color: white; } .pricing-hero .btn-primary { display: inline-block; padding: 15px 30px; background: #28A745; color: #fff; border-radius: 8px; font-weight: 600; text-decoration: none; transition: all .3s ease; } .pricing-hero .btn-primary:hover { background: #218838; transform: translateY(-2px); } /* ===== Shared Pricing Styles ===== */ .pricing-header { margin-bottom: 40px; text-align: center; padding: 20px; } .pricing-header h1 { font-size: 42px; color: #28A745; margin-bottom: 15px; } .pricing-header p { font-size: 18px; color: #666; max-width: 700px; margin: 0 auto; } .pricing-tabs { display: flex; justify-content: center; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 20px; } .pricing-tab { padding: 12px 25px; background: white; border: 1px solid #ddd; border-radius: 30px; cursor: pointer; margin: 0 10px; font-weight: 500; transition: all .3s ease; font-family: 'Poppins', sans-serif; } .pricing-tab.active { background: #28A745; color: white; border-color: #28A745; } .pricing-tab:hover:not(.active) { background: #f5f5f5; } .pricing-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px; } .pricing-card { background: white; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, .05); padding: 30px; position: relative; transition: all .3s ease; display: flex; flex-direction: column; } .pricing-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, .1); } .pricing-card.popular { border: 2px solid #28A745; transform: scale(1.03); } .popular-badge { position: absolute; top: -12px; right: 20px; background: #28A745; color: white; padding: 5px 15px; border-radius: 20px; font-size: 14px; font-weight: 600; } .plan-name { font-size: 24px; color: #333; margin-bottom: 10px; } .plan-price { font-size: 42px; color: #28A745; margin-bottom: 20px; } .plan-price span { font-size: 16px; color: #777; } .commission-rate { background: #f8f9fa; padding: 10px 15px; border-radius: 8px; margin-bottom: 25px; font-weight: 500; } .features-list { margin-bottom: 30px; flex-grow: 1; } .feature-item { display: flex; align-items: center; margin-bottom: 15px; } .feature-item i { color: #28A745; margin-right: 10px; font-size: 18px; } .feature-item.disabled { color: #bbb; } .feature-item.disabled i { color: #bbb; } .btn-container { display: flex; justify-content: center; } .pricing-btn-primary, .pricing-btn-outline { display: inline-block; width: auto; min-width: 150px; padding: 12px 20px; border-radius: 8px; font-weight: 600; text-decoration: none; text-align: center; transition: all .3s ease; } .pricing-btn-primary { background: #28A745; color: white; } .pricing-btn-primary:hover { background: #218838; transform: translateY(-2px); } .pricing-btn-outline { background: transparent; color: #28A745; border: 2px solid #28A745; } .pricing-btn-outline:hover { background: #f0fff0; } .onboarding-notice { background: white; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, .05); padding: 30px; text-align: center; margin-bottom: 50px; border-left: 5px solid #28A745; } .onboarding-notice h3 { color: #28A745; margin-bottom: 15px; } .countdown { font-size: 20px; font-weight: 600; color: #E84393; margin: 15px 0; } .pricing-faq-section { margin-bottom: 50px; } .pricing-faq-section h2 { text-align: center; margin-bottom: 30px; color: #333; } .faq-item { background: white; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); margin-bottom: 20px; overflow: hidden; } .faq-question { padding: 20px; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-question .chevron { transition: transform 0.3s ease; } .faq-item.active .faq-question .chevron { transform: rotate(180deg); } .faq-answer { padding: 0 20px 20px; color: #666; display: none; animation: fadeInAnswer 0.3s ease; } @keyframes fadeInAnswer { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .faq-item.active .faq-answer { display: block; } .modern-btn { display: inline-block; padding: 12px 24px; background: #28A745; 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); margin: 10px auto; display: block; width: fit-content; } .modern-btn:hover { background: #218838; color: white; } .disabled, select.disabled { background: none; } /* NEW: expandable list & commission note */ .commission-note{font-size:12px;color:#888;margin-top:5px} .expandable-content{max-height:420px;overflow:hidden;transition:max-height .3s ease} .expandable-content.expanded{max-height:none} .expand-btn{width:100%;padding:10px;margin-top:10px;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#666;cursor:pointer;transition:all .3s ease} .expand-btn:hover{background:#e9ecef;color:#333} /* 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; } .pricing-cards { grid-template-columns: 1fr; } .pricing-card.popular { transform: scale(1); } .pricing-hero h1 { font-size: 32px; } .pricing-tab { padding: 10px 15px; font-size: 14px; margin: 0 5px; } .pricing-btn-primary, .pricing-btn-outline { width: 100%; } } .feature-item.excluded{color:#bbb} .feature-item.excluded i{color:#bbb} </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="#services" class="btn btn-large">Learn More</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" id="services"> <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 --> <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> <!-- PRICING SECTION --> <section class="pricing-section" id="pricing"> <div class="container"> <h2 class="section-title text-center">Gonje Seller Pricing Plans</h2> <p class="text-center" style="max-width: 800px; margin: 0 auto 40px;">Choose the perfect plan for your business. All plans include our powerful delivery and fulfillment platform.</p> <!-- ===== HERO SECTION ===== --> <div class="pricing-hero"> <div class="pricing-hero-content"> <h1>Gonje Seller Pricing Plans</h1> <p>Choose the perfect plan for your business. All plans include our powerful delivery and fulfillment platform.</p> <a href="#get-started" class="modern-btn" style="background: transparent; border: 2px solid white; color: white; font-weight: bold; padding: 12px 25px; font-size: 16px; display: inline-block;"> Get Started &#x2192; </a> </div> </div> <!-- ===== Onboarding Notice ===== --> <div class="onboarding-notice" style="text-align: center;"> <h3>&#x1F381; Special Limited Time Offer</h3> <p>Onboarding fee is normally $99, but it's completely FREE until</p> <div class="countdown">21 November 2026</div> <p>Sign up now to secure your free onboarding!</p> </div> <!-- ===== Pricing Tabs ===== --> <div class="pricing-tabs"> <div class="pricing-tab active" data-plan="all">Compare all plans</div> <div class="pricing-tab" data-plan="free">Free Plan</div> <div class="pricing-tab" data-plan="plus">Plus Plan</div> <div class="pricing-tab" data-plan="super">Super Plan</div> </div> <!-- ===== Pricing Cards ===== --> <div class="pricing-cards" id="cards-container"> <!-- Free Plan --> <div class="pricing-card" data-plan="free"> <h3 class="plan-name">Free Plan</h3> <div class="plan-price">$0 /month</div> <div class="commission-rate"> 22.5% commission on orders <div class="commission-note">(Commission goes to the marketplace)</div> </div> <div class="features-list"> <div class="expandable-content"> <div class="feature-item included">&#x2714; Order Management System</div> <div class="feature-item included">&#x2714; Inventory Management with Stock Threshold Alerts</div> <div class="feature-item included">&#x2718; Order Scheduling, Delivery Management with Booking system</div> <div class="feature-item included">&#x2714; Storefront & Pickup Centers</div> <div class="feature-item included">&#x2714; Mini Storefront</div> <div class="feature-item included">&#x2714; Reporting and Analytics</div> <div class="feature-item included">&#x2714; Ghost Kitchen Access (coming soon)</div> <div class="feature-item excluded">&#x2718; Warehousing Services</div> <div class="feature-item excluded">&#x2718; Logistics Fulfillment Center Management</div> <div class="feature-item excluded">&#x2718; Advanced Inventory Management</div> <div class="feature-item excluded">&#x2718; Priority Support</div> <div class="feature-item excluded">&#x2718; Extended Storage Options</div> <div class="feature-item excluded">&#x2718; Batch Order Processing</div> <div class="feature-item excluded">&#x2718; Automated QR Code Installation</div> <div class="feature-item excluded">&#x2718; Premium Kitchen Facilities (coming soon)</div> <div class="feature-item excluded">&#x2718; Dedicated Kitchen Space (coming soon)</div> <div class="feature-item excluded">&#x2718; Commercial Grade Equipment</div> <div class="feature-item excluded">&#x2718; 24/7 Kitchen Access (coming soon)</div> </div> <button class="expand-btn" onclick="toggleExpand(this)">View more</button> </div> <div class="btn-container"> <a href="#get-started" class="modern-btn" style="background:transparent;border:2px solid #218838;color:#218838;"> Get started &#x2192; </a> </div> </div> <!-- Plus Plan --> <div class="pricing-card popular" data-plan="plus"> <div class="popular-badge">Most Popular</div> <h3 class="plan-name">Plus Plan</h3> <div class="plan-price">$9.99 /month</div> <div class="commission-rate"> 15% commission on orders and $3.5/day for Warehousing Services <div class="commission-note">(Commission goes to the marketplace)</div> </div> <div class="features-list"> <div class="expandable-content"> <div class="feature-item included">&#x2714; Order Management System</div> <div class="feature-item included">&#x2714; Inventory Management with Stock Threshold Alerts</div> <div class="feature-item included">&#x2714; Order Scheduling, Delivery Management with Booking system</div> <div class="feature-item included">&#x2714; Storefront & Pickup Centers</div> <div class="feature-item included">&#x2714; Mini Storefront</div> <div class="feature-item included">&#x2714; Reporting and Analytics</div> <div class="feature-item included">&#x2714; Warehousing Services</div> <div class="feature-item included">&#x2714; Ghost Kitchen Access (coming soon)</div> <div class="feature-item excluded">&#x2718; Logistics Fulfillment Center Management</div> <div class="feature-item included">&#x2714; Advanced Inventory Management</div> <div class="feature-item included">&#x2714; Priority Support</div> <div class="feature-item included">&#x2714; Extended Storage Options</div> <div class="feature-item included">&#x2714; Batch Order Processing</div> <div class="feature-item excluded">&#x2718; Automated QR Code Installation</div> <div class="feature-item excluded">&#x2718; Premium Kitchen Facilities (coming soon)</div> <div class="feature-item excluded">&#x2718; Dedicated Kitchen Space (coming soon)</div> <div class="feature-item excluded">&#x2718; Commercial Grade Equipment</div> <div class="feature-item excluded">&#x2718; 24/7 Kitchen Access (coming soon)</div> </div> <button class="expand-btn" onclick="toggleExpand(this)">View more</button> </div> <div style="margin-top:auto;margin-bottom:15px;font-weight:600;color:#333;">Everything in Free Plan and more</div> <div class="btn-container"> <a href="#get-started" class="modern-btn" style="background:transparent;border:2px solid #218838;color:#218838;"> Get started &#x2192; </a> </div> </div> <!-- Super Plan --> <div class="pricing-card" data-plan="super"> <h3 class="plan-name">Super Plan</h3> <div class="plan-price">$15 /month</div> <div class="commission-rate"> 10% commission on orders and $3.5/day for Warehousing Services <div class="commission-note">(Commission goes to the marketplace)</div> </div> <div class="features-list"> <div class="expandable-content"> <div class="feature-item included">&#x2714; Order Management System</div> <div class="feature-item included">&#x2714; Inventory Management with Stock Threshold Alerts</div> <div class="feature-item included">&#x2714; Order Scheduling, Delivery Management with Booking system</div> <div class="feature-item included">&#x2714; Storefront & Pickup Centers</div> <div class="feature-item included">&#x2714; Mini Storefront</div> <div class="feature-item included">&#x2714; Reporting and Analytics</div> <div class="feature-item included">&#x2714; Warehousing Services</div> <div class="feature-item included">&#x2714; Logistics Fulfillment Center Management</div> <div class="feature-item included">&#x2714; Advanced Inventory Management</div> <div class="feature-item included">&#x2714; Priority Support</div> <div class="feature-item included">&#x2714; Extended Storage Options</div> <div class="feature-item included">&#x2714; Batch Order Processing</div> <div class="feature-item included">&#x2714; Ghost Kitchen Access (coming soon)</div> <div class="feature-item included">&#x2714; Automated QR Code Installation</div> <div class="feature-item included">&#x2714; Premium Kitchen Facilities (coming soon)</div> <div class="feature-item included">&#x2714; Dedicated Kitchen Space (coming soon)</div> <div class="feature-item included">&#x2714; Commercial Grade Equipment</div> <div class="feature-item included">&#x2714; 24/7 Kitchen Access (coming soon)</div> </div> <button class="expand-btn" onclick="toggleExpand(this)">View more</button> </div> <div style="margin-top:auto;margin-bottom:15px;font-weight:600;color:#333;">Everything in Plus Plan and more</div> <div class="btn-container"> <a href="#get-started" class="modern-btn" style="background:transparent;border:2px solid #218838;color:#218838;"> Get started &#x2192; </a> </div> </div> </div> <!-- ===== FAQ Section ===== --> <div class="pricing-faq-section"> <h2>Frequently Asked Questions</h2> <div class="faq-item"> <div class="faq-question">What is included in the onboarding fee? <span class="chevron">&#x25BC;</span></div> <div class="faq-answer"> The onboarding fee includes setup of your store, integration with our systems, QR code installation, staff training, and initial configuration of your inventory and menu items. </div> </div> <div class="faq-item"> <div class="faq-question">How is the commission calculated? <span class="chevron">&#x25BC;</span></div> <div class="faq-answer"> Commission is calculated as a percentage of the total order value (including delivery fees). It's automatically deducted from your earnings, so you don't need to worry about separate payments. <br><br> <strong>Note:</strong> Commission goes to the marketplace to cover platform maintenance, payment processing, and support services. </div> </div> <div class="faq-item"> <div class="faq-question">Can I switch plans later? <span class="chevron">&#x25BC;</span></div> <div class="faq-answer"> Yes, you can upgrade or downgrade your plan at any time. When upgrading, you'll immediately gain access to new features. When downgrading, the changes take effect at the start of your next billing cycle. </div> </div> <div class="faq-item"> <div class="faq-question">What payment methods do you accept? <span class="chevron">&#x25BC;</span></div> <div class="faq-answer"> We accept all major credit cards, Stripe, PayPal, and direct bank transfers for monthly payments. Commission fees are automatically deducted from your earnings. </div> </div> </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(function(btn) { btn.addEventListener('click', function() { // Remove active class from all buttons and contents tabBtns.forEach(function(b) { b.classList.remove('active'); }); tabContents.forEach(function(c) { c.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(function(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' }); } }); }); // Pricing Tab filtering document.querySelectorAll('.pricing-tab').forEach(function(tab) { tab.addEventListener('click', function() { document.querySelectorAll('.pricing-tab').forEach(function(t) { t.classList.remove('active'); }); this.classList.add('active'); const plan = this.dataset.plan; const cards = document.querySelectorAll('.pricing-card'); cards.forEach(function(card) { card.style.display = 'none'; }); if (plan === 'all') { cards.forEach(function(card) { card.style.display = 'flex'; }); } else if (plan === 'free') { cards[0].style.display = 'flex'; } else if (plan === 'plus') { cards[1].style.display = 'flex'; } else if (plan === 'super') { cards[2].style.display = 'flex'; } }); }); // FAQ toggle - Fixed implementation document.querySelectorAll('.faq-question').forEach(function(q) { q.addEventListener('click', function() { const item = this.closest('.faq-item'); const isActive = item.classList.contains('active'); // Close all FAQ items first document.querySelectorAll('.faq-item').forEach(function(i) { i.classList.remove('active'); }); // Toggle current item if it wasn't active if (!isActive) { item.classList.add('active'); } }); }); }); function toggleExpand(btn) { const expandable = btn.previousElementSibling; const isExpanded = expandable.classList.contains('expanded'); if (isExpanded) { expandable.classList.remove('expanded'); btn.textContent = 'View more'; } else { expandable.classList.add('expanded'); btn.textContent = 'View less'; } } // Plan selection functionality document.addEventListener('DOMContentLoaded', function() { // Map each plan card to the value of the matching option const planValue = { free: '1', plus: '2', super: '4' }; // Handle Get started buttons inside the pricing cards document.querySelectorAll('.pricing-card').forEach(function(card) { const plan = card.dataset.plan; const btn = card.querySelector('a[href="#get-started"]'); if (btn) { btn.addEventListener('click', function(e) { e.preventDefault(); selectPlan(planValue[plan]); scrollToGetStarted(); }); } }); // Handle the hero-section CTA const heroBtn = document.querySelector('.pricing-hero a[href="#get-started"]'); if (heroBtn) { heroBtn.addEventListener('click', function(e) { e.preventDefault(); selectPlan(planValue.free); scrollToGetStarted(); }); } // Helper: select the option in select element function selectPlan(val) { const sel = document.getElementById('elm_51'); if (sel) { sel.value = val; sel.dispatchEvent(new Event('change', { bubbles: true })); } } // Helper: smooth-scroll to the sign-up area function scrollToGetStarted() { const target = document.getElementById('get-started'); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } } }); </script> </body> </html>";} 0 1145 0 A html_block a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} 0 1 en 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 en Smarty Bottom Nav
777 364 a:1:{s:7:"content";s:10790:"<!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: 30px; bottom: 120px; width: 50px; height: 50px; 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 a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-decoration: none; } .go-seller-scroll-widget svg { width: 30px; height: 30px; fill: white; } /* FIXED Tooltip styles */ .go-seller-tooltip { position: absolute; left: -200px; /* Changed from right: 80px */ bottom: 50%; /* Changed from bottom: 10px */ transform: translateY(50%) translateX(-10px); /* Adjusted */ 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; transition: all 0.3s ease; pointer-events: none; } .go-seller-tooltip.go-seller-visible { opacity: 1; transform: translateY(50%) translateX(0); /* Adjusted */ pointer-events: auto; } .go-seller-tooltip::after { content: ''; position: absolute; right: -8px; /* Changed from right: -8px to left: -8px */ left: auto; /* Ensure left is auto */ top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; /* Changed from border-left to border-right */ } .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; min-height: 150vh; } .go-seller-content h1 { color: #333; margin-bottom: 20px; } .go-seller-content p { margin-bottom: 20px; color: #666; } /* Smooth scrolling for anchor links */ html { scroll-behavior: smooth; } /* Debug styles - temporary */ </style> </head> <body> <!-- Demo content --> <!-- Scroll to Get Started Widget --> <div class="go-seller-scroll-widget" id="go-seller-scroll-widget" title="Scroll to Get Started"> <a href="#get-started"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <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> </a> <!-- 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> // Debug: Check if elements exist console.log('Tooltip element:', document.getElementById('go-seller-widget-tooltip')); console.log('Close button:', document.getElementById('go-seller-tooltip-close')); console.log('Form:', document.getElementById('go-seller-signup-form')); // Get the tooltip elements const goSellerTooltip = document.getElementById('go-seller-widget-tooltip'); const goSellerTooltipClose = document.getElementById('go-seller-tooltip-close'); const goSellerSignupForm = document.getElementById('go-seller-signup-form'); const goSellerScrollWidget = document.getElementById('go-seller-scroll-widget'); // Clear session storage for testing (remove this line after testing) sessionStorage.removeItem('go-seller-tooltip-closed'); // Show tooltip on page load (after a brief delay) setTimeout(() => { console.log('Attempting to show tooltip...'); if (!sessionStorage.getItem('go-seller-tooltip-closed')) { console.log('Tooltip should be visible now'); goSellerTooltip.classList.add('go-seller-visible'); // Debug: Check classes setTimeout(() => { console.log('Tooltip classes:', goSellerTooltip.className); console.log('Tooltip computed style:', window.getComputedStyle(goSellerTooltip).opacity); }, 100); } else { console.log('Tooltip was previously closed by user'); } }, 1000); // Close tooltip when X is clicked goSellerTooltipClose.addEventListener('click', function(e) { e.stopPropagation(); console.log('Closing tooltip via X button'); 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)) { console.log('Closing tooltip via outside click'); goSellerTooltip.classList.remove('go-seller-visible'); } }); // Show tooltip on widget hover goSellerScrollWidget.addEventListener('mouseenter', function() { if (!sessionStorage.getItem('go-seller-tooltip-closed')) { console.log('Showing tooltip on hover'); goSellerTooltip.classList.add('go-seller-visible'); } }); // Optional: Hide tooltip when mouse leaves widget (after a delay) goSellerScrollWidget.addEventListener('mouseleave', function() { setTimeout(() => { if (!goSellerScrollWidget.matches(':hover') && !goSellerTooltip.matches(':hover')) { goSellerTooltip.classList.remove('go-seller-visible'); } }, 300); }); // Form submission handler if (goSellerSignupForm) { goSellerSignupForm.addEventListener('submit', function(e) { e.preventDefault(); alert('Thank you for signing up! This is a demo form.'); }); } // Debug: Force show tooltip after 3 seconds regardless of session storage setTimeout(() => { if (!goSellerTooltip.classList.contains('go-seller-visible')) { console.log('Forcing tooltip display for debugging'); goSellerTooltip.classList.add('go-seller-visible'); } }, 3000); </script> </body> </html>";} 0 1281 0 A html_block a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} 0 1 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en Cart content
767 13 a:1:{s:7:"content";s:1004:"<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/@gonjeapp"><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 en 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 en Cart count block for new style
777 359 a:1:{s:7:"content";s:8402:"<!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 your content...</div> <div class="gonje-loading-tip">Gonje Tip: Ordering in advance helps ensure you get the best delivery slots!</div> </div> </div> <!-- Your page content would go here --> <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." ]; let currentFact = 0; let progress = 0; // Change fact every 5 seconds setInterval(() => { currentFact = (currentFact + 1) % facts.length; factElement.textContent = facts[currentFact]; }, 5000); // Simulate loading progress based on actual page loading function updateProgress() { // Get the actual page load progress (this is an approximation) const resources = window.performance.getEntriesByType("resource"); const totalResources = resources.length; if (totalResources > 0) { // Calculate progress based on loaded resources const loadedResources = resources.filter(r => r.duration > 0).length; progress = Math.min(100, Math.round((loadedResources / totalResources) * 100)); } else { // Fallback: Increment progress gradually if we can't track resources progress = Math.min(100, progress + Math.random() * 15); } progressBar.style.width = progress + '%'; // Update countdown text countdownElement.textContent = `Loading: ${progress}% complete`; // Continue updating until page is fully loaded if (progress < 100) { setTimeout(updateProgress, 300); } } // Start tracking progress updateProgress(); // Hide loader when page is fully loaded window.addEventListener('load', function() { progress = 100; progressBar.style.width = '100%'; countdownElement.textContent = "Loading complete!"; // Hide loading overlay setTimeout(() => { loadingOverlay.style.opacity = '0'; setTimeout(() => { loadingOverlay.style.display = 'none'; }, 500); }, 500); }); // Fallback: If load event doesn't fire within 15 seconds, hide the loader setTimeout(function() { if (progress < 100) { progress = 100; progressBar.style.width = '100%'; countdownElement.textContent = "Loading complete!"; setTimeout(() => { loadingOverlay.style.opacity = '0'; setTimeout(() => { loadingOverlay.style.display = 'none'; }, 500); }, 500); } }, 15000); }); </script> </body> </html>";} 0 1278 2 D html_block a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} 0 1 en 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 en Cart count html block
777 360 a:1:{s:7:"content";s:588:"<style> .ty-pagination__selected { color: black; } .mobile-bottom-nav { z-index: 100; } .ty-control-group input[type="text"], .ty-control-group input[type="email"], .ty-control-group input[type="password"], .ty-control-group input[type="number"], .ty-control-group input[type="date"], .ty-control-group input[type="search"], .ty-control-group input[type="url"], .ty-control-group input[type="tel"], .ty-control-group textarea, .ty-control-group select { background-color: #f3f2e9; border: 1px solid #b5b4af; color: #000; border-radius: 4px; } </style>";} 0 1279 3 A html_block a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} 0 1 en CUSTOM STYLES
777 361 a:1:{s:7:"content";s:6474:"<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: fixed; top: 0; left: 0; 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: #fff; 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); } /* Style for navigation when banner is visible */ .tygh-top-panel.clearfix.banner-visible { top: 60px; position: relative; } @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; } .tygh-top-panel.clearfix.banner-visible { top: 70px; position: relative; } } `; // 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); // Function to toggle navigation style function toggleNavStyle(show) { const navElement = document.querySelector('.tygh-top-panel.clearfix'); if (navElement) { if (show) { navElement.classList.add('banner-visible'); } else { navElement.classList.remove('banner-visible'); } } } // Apply the style to navigation toggleNavStyle(true); // 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'; // Remove the style from navigation toggleNavStyle(false); // 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'; // Apply the style to navigation toggleNavStyle(true); } else { banner.style.display = 'none'; // Don't apply the style to navigation toggleNavStyle(false); } } } // 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 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en Cart Update Indicator
777 243 a:1:{s:7:"content";s:861:"<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 en Remove country required notification
777 244 a:1:{s:7:"content";s:2123:"<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 en 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 en 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 en 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 en 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 en 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 en 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 en 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 en SCROLL TO TOP