{"id":3858,"date":"2026-07-21T21:26:07","date_gmt":"2026-07-21T21:26:07","guid":{"rendered":"https:\/\/center-bridges.com\/zenvyra\/?page_id=3858"},"modified":"2026-07-21T21:39:20","modified_gmt":"2026-07-21T21:39:20","slug":"e-commerce-store-development","status":"publish","type":"page","link":"https:\/\/center-bridges.com\/zenvyra\/e-commerce-store-development\/","title":{"rendered":"E-Commerce Store Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3858\" class=\"elementor elementor-3858\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b70d29 e-flex e-con-boxed e-con e-parent\" data-id=\"2b70d29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-371bebb elementor-widget elementor-widget-html\" data-id=\"371bebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"pricing-section\">\r\n\r\n  <div class=\"section-heading\">\r\n    <span class=\"subtitle\">E-Commerce Store Development<\/span>\r\n    <h2>Choose The Perfect Package<\/h2>\r\n    <p>Select the package that best fits your business needs.<\/p>\r\n  <\/div>\r\n\r\n\r\n\r\n  <div class=\"pricing-grids\">\r\n\r\n\r\n\r\n\r\n\r\n<!-- Basic Store -->\r\n\r\n<div class=\"pricing-card\">\r\n\r\n    <div class=\"card-pattern\"><\/div>\r\n\r\n    <div class=\"badge\">BASIC STORE<\/div>\r\n\r\n    <h3>Basic Store<\/h3>\r\n\r\n    <p class=\"package-desc\">\r\n        Ideal for New Online Businesses\r\n    <\/p>\r\n\r\n    <div class=\"price\">\r\n        <span>$<\/span>999\r\n    <\/div>\r\n\r\n    <ul class=\"features\">\r\n\r\n        <li>\u2714 Up to 100 Products<\/li>\r\n        <li>\u2714 Up to 7 Categories<\/li>\r\n        <li>\u2714 Shopping Cart Integration<\/li>\r\n        <li>\u2714 Inventory Management<\/li>\r\n\r\n    <\/ul>\r\n\r\n    <button class=\"toggle-btn\">\r\n\r\n        View Package Details\r\n\r\n        <span>+<\/span>\r\n\r\n    <\/button>\r\n\r\n    <div class=\"package-details\">\r\n\r\n        <ul>\r\n\r\n            <li>\u2714 Responsive Store Design<\/li>\r\n            <li>\u2714 CMS and Admin Panel<\/li>\r\n            <li>\u2714 Product Search Functionality<\/li>\r\n            <li>\u2714 Product Reviews<\/li>\r\n            <li>\u2714 Payment Gateway Integration<\/li>\r\n            <li>\u2714 Sales and Order Management<\/li>\r\n            <li>\u2714 Homepage Slider Banner<\/li>\r\n            <li>\u2714 SEO-Friendly Sitemap<\/li>\r\n            <li>\u2714 Social Media Integration<\/li>\r\n            <li>\u2714 Custom Business Email Setup<\/li>\r\n            <li>\u2714 Store Management Training<\/li>\r\n            <li>\u2714 Complete Deployment<\/li>\r\n\r\n        <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"package-btn\">\r\n        Request This Package\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- Professional Store -->\r\n\r\n<div class=\"pricing-card popular\">\r\n\r\n    <div class=\"card-pattern\"><\/div>\r\n\r\n    <div class=\"badge popular-badge\">\r\n        MOST POPULAR\r\n    <\/div>\r\n\r\n    <h3>Professional Store<\/h3>\r\n\r\n    <p class=\"package-desc\">\r\n        Ideal for Growing E-Commerce Brands\r\n    <\/p>\r\n\r\n    <div class=\"price\">\r\n        <span>$<\/span>1,699\r\n    <\/div>\r\n\r\n    <ul class=\"features\">\r\n\r\n        <li>\u2714 Unlimited Products<\/li>\r\n        <li>\u2714 Unlimited Categories<\/li>\r\n        <li>\u2714 Payment Gateway Integration<\/li>\r\n        <li>\u2714 Customer Management System<\/li>\r\n\r\n    <\/ul>\r\n\r\n    <button class=\"toggle-btn\">\r\n\r\n        View Package Details\r\n\r\n        <span>+<\/span>\r\n\r\n    <\/button>\r\n\r\n    <div class=\"package-details\">\r\n\r\n        <ul>\r\n\r\n            <li>\u2714 Unlimited Website Pages<\/li>\r\n            <li>\u2714 Responsive Store Design<\/li>\r\n            <li>\u2714 Product Search and Filtering<\/li>\r\n            <li>\u2714 Product Ratings and Reviews<\/li>\r\n            <li>\u2714 Inventory and Order Management<\/li>\r\n            <li>\u2714 Shopping Cart Integration<\/li>\r\n            <li>\u2714 Discounts and Promotion Setup<\/li>\r\n            <li>\u2714 Social Media Integration<\/li>\r\n            <li>\u2714 SEO-Friendly Store Structure<\/li>\r\n            <li>\u2714 Homepage Banner Slider<\/li>\r\n            <li>\u2714 Admin Panel Training<\/li>\r\n            <li>\u2714 Complete Store Deployment<\/li>\r\n\r\n        <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"package-btn\">\r\n        Request This Package\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n<!-- Business Store -->\r\n\r\n<div class=\"pricing-card\">\r\n\r\n    <div class=\"card-pattern\"><\/div>\r\n\r\n    <div class=\"badge\">BUSINESS<\/div>\r\n\r\n    <h3>Business Store<\/h3>\r\n\r\n    <p class=\"package-desc\">\r\n        Ideal for Established E-Commerce Brands\r\n    <\/p>\r\n\r\n    <div class=\"price\">\r\n        <span>$<\/span>2,999\r\n    <\/div>\r\n\r\n    <ul class=\"features\">\r\n\r\n        <li>\u2714 Complete E-Commerce Store<\/li>\r\n        <li>\u2714 Multi-Currency Support<\/li>\r\n        <li>\u2714 Customer Login Area<\/li>\r\n        <li>\u2714 Complete Brand Design<\/li>\r\n\r\n    <\/ul>\r\n\r\n    <button class=\"toggle-btn\">\r\n\r\n        View Package Details\r\n\r\n        <span>+<\/span>\r\n\r\n    <\/button>\r\n\r\n    <div class=\"package-details\">\r\n\r\n        <ul>\r\n\r\n            <li>\u2714 Unlimited Products and Categories<\/li>\r\n            <li>\u2714 Custom Product Detail Pages<\/li>\r\n            <li>\u2714 Featured Product Showcase<\/li>\r\n            <li>\u2714 Advanced Product Search<\/li>\r\n            <li>\u2714 Product Ratings and Reviews<\/li>\r\n            <li>\u2714 Payment Gateway Integration<\/li>\r\n            <li>\u2714 Social Sharing Features<\/li>\r\n            <li>\u2714 Logo and Brand Identity<\/li>\r\n            <li>\u2714 Business Stationery Design<\/li>\r\n            <li>\u2714 Brochure or Flyer Design<\/li>\r\n            <li>\u2714 Product Catalogue Design<\/li>\r\n            <li>\u2714 Packaging or Label Design<\/li>\r\n            <li>\u2714 Dedicated Account Manager<\/li>\r\n\r\n        <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"package-btn\">\r\n        Request This Package\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- Automated Commerce Platform -->\r\n\r\n<div class=\"pricing-card\">\r\n\r\n    <div class=\"card-pattern\"><\/div>\r\n\r\n    <div class=\"badge\">ENTERPRISE<\/div>\r\n\r\n    <h3>Automated Commerce Platform<\/h3>\r\n\r\n    <p class=\"package-desc\">\r\n        Ideal for High-Volume Businesses\r\n    <\/p>\r\n\r\n    <div class=\"price\">\r\n        <span>$<\/span>6,999\r\n    <\/div>\r\n\r\n    <ul class=\"features\">\r\n\r\n        <li>\u2714 Automated Inventory Management<\/li>\r\n        <li>\u2714 Supplier & Shipping Integrations<\/li>\r\n        <li>\u2714 Order Management System<\/li>\r\n        <li>\u2714 Advanced Business Dashboard<\/li>\r\n\r\n    <\/ul>\r\n\r\n    <button class=\"toggle-btn\">\r\n\r\n        View Package Details\r\n\r\n        <span>+<\/span>\r\n\r\n    <\/button>\r\n\r\n    <div class=\"package-details\">\r\n\r\n        <ul>\r\n\r\n            <li>\u2714 Low-Inventory Notifications<\/li>\r\n            <li>\u2714 Purchase Order Management<\/li>\r\n            <li>\u2714 Warehouse and Location Management<\/li>\r\n            <li>\u2714 Stock Transfers<\/li>\r\n            <li>\u2714 Lot and Expiry Tracking<\/li>\r\n            <li>\u2714 Partial Order Fulfilment<\/li>\r\n            <li>\u2714 Backorder Management<\/li>\r\n            <li>\u2714 Barcode Generation and Scanning<\/li>\r\n            <li>\u2714 Automated Invoices and Estimates<\/li>\r\n            <li>\u2714 Customer Account Management<\/li>\r\n            <li>\u2714 Sales and Financial Reports<\/li>\r\n            <li>\u2714 Trend Analysis and Forecasting<\/li>\r\n            <li>\u2714 Mobile Notifications<\/li>\r\n            <li>\u2714 API Integrations<\/li>\r\n            <li>\u2714 Complete Training and Deployment<\/li>\r\n\r\n        <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"package-btn\">\r\n        Request This Package\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n  \/* ===========================\r\n   GLOBAL\r\n=========================== *\/\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  body {\r\n    font-family: 'Poppins', sans-serif;\r\n    background: #f5f7fb;\r\n    color: #172b4d;\r\n  }\r\n\r\n  .pricing-section {\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n  }\r\n\r\n  .section-heading {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  .section-heading .subtitle {\r\n    display: inline-block;\r\n    background: #eef2ff;\r\n    color: #6c63ff;\r\n    padding: 8px 18px;\r\n    border-radius: 40px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .section-heading h2 {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    color: #1b2559;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .section-heading p {\r\n    max-width: 650px;\r\n    margin: auto;\r\n    color: #667085;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  \/* ===========================\r\n   GRID\r\n=========================== *\/\r\n\r\n  .pricing-grids {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n    gap: 35px;\r\n    align-items: stretch;\r\n    margin-top: 50px !important;\r\n  }\r\n\r\n  .pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n    gap: 35px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* ===========================\r\n   CARD\r\n=========================== *\/\r\n\r\n  .pricing-card {\r\n    position: relative;\r\n    background: #fff;\r\n    border: 1px solid #edf1f7;\r\n    border-radius: 28px;\r\n    padding: 35px;\r\n    overflow: hidden;\r\n    transition: .35s;\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, .05);\r\n  }\r\n\r\n  .pricing-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 18px 50px rgba(0, 0, 0, .12);\r\n  }\r\n\r\n  \/* Decorative Shape *\/\r\n\r\n  .card-pattern {\r\n    position: absolute;\r\n    top: -70px;\r\n    right: -70px;\r\n    width: 180px;\r\n    height: 180px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #8b5cf6, #ec4899);\r\n    opacity: .08;\r\n  }\r\n\r\n  \/* ===========================\r\n   BADGE\r\n=========================== *\/\r\n\r\n  .badge {\r\n    display: inline-block;\r\n    padding: 9px 20px;\r\n    border-radius: 50px;\r\n    background: linear-gradient(135deg, #8b5cf6, #ec4899);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: .5px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .popular-badge {\r\n    background: linear-gradient(135deg, #ff8a00, #ff4d4f);\r\n  }\r\n\r\n  \/* ===========================\r\n   TITLE\r\n=========================== *\/\r\n\r\n  .pricing-card h3 {\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    color: #172b4d;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .package-desc {\r\n    color: #667085;\r\n    line-height: 1.7;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* ===========================\r\n   PRICE\r\n=========================== *\/\r\n\r\n  .price {\r\n    font-size: 58px;\r\n    font-weight: 800;\r\n    color: #1b2559;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .price span {\r\n    font-size: 28px;\r\n    vertical-align: top;\r\n  }\r\n\r\n\r\n  \/* ===========================\r\n   FEATURES LIST\r\n=========================== *\/\r\n\r\n  .features {\r\n    list-style: none;\r\n    margin: 0 0 25px;\r\n    padding: 0;\r\n  }\r\n\r\n  .features li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    padding: 14px 0;\r\n    border-bottom: 1px solid #eef2f7;\r\n    color: #42526e;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .features li:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  \/* ===========================\r\n   TOGGLE BUTTON\r\n=========================== *\/\r\n\r\n  .toggle-btn {\r\n\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    background: #f7f9fc;\r\n    border: 1px solid #e5e9f2;\r\n    border-radius: 14px;\r\n    padding: 16px 18px;\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: #172b4d;\r\n\r\n    transition: .3s;\r\n  }\r\n\r\n  .toggle-btn:hover {\r\n\r\n    background: #eef3ff;\r\n    border-color: #8b5cf6;\r\n\r\n  }\r\n\r\n  .toggle-btn span {\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #8b5cf6;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 22px;\r\n\r\n    transition: .3s;\r\n\r\n  }\r\n\r\n  \/* ===========================\r\n   DETAILS\r\n=========================== *\/\r\n\r\n  .package-details {\r\n\r\n    max-height: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    transition: max-height .45s ease;\r\n\r\n  }\r\n\r\n  .package-details ul {\r\n\r\n    list-style: none;\r\n\r\n    margin-top: 20px;\r\n\r\n  }\r\n\r\n  .package-details li {\r\n\r\n    padding: 12px 0;\r\n\r\n    border-bottom: 1px solid #eef2f7;\r\n\r\n    color: #55637d;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.6;\r\n\r\n  }\r\n\r\n  .package-details li:last-child {\r\n\r\n    border-bottom: none;\r\n\r\n  }\r\n\r\n  \/* ===========================\r\n   CTA BUTTON\r\n=========================== *\/\r\n\r\n  .package-btn {\r\n\r\n    display: block;\r\n\r\n    margin-top: 30px;\r\n\r\n    width: 100%;\r\n\r\n    text-align: center;\r\n\r\n    text-decoration: none;\r\n\r\n    background: #172b4d;\r\n\r\n    color: #fff;\r\n\r\n    padding: 18px;\r\n\r\n    border-radius: 14px;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition: .35s;\r\n\r\n  }\r\n\r\n  .package-btn:hover {\r\n\r\n    background: #8b5cf6;\r\n\r\n    transform: translateY(-2px);\r\n\r\n  }\r\n\r\n  \/* ===========================\r\n   POPULAR CARD\r\n=========================== *\/\r\n\r\n  .popular {\r\n\r\n    border: 2px solid #8b5cf6;\r\n\r\n    transform: scale(1.02);\r\n\r\n  }\r\n\r\n  .popular:hover {\r\n\r\n    transform: translateY(-10px) scale(1.02);\r\n\r\n  }\r\n\r\n  \/* ===========================\r\n   RESPONSIVE\r\n=========================== *\/\r\n\r\n  @media(max-width:991px) {\r\n\r\n    .pricing-grid {\r\n\r\n      grid-template-columns: repeat(2, 1fr);\r\n\r\n    }\r\n\r\n  }\r\n\r\n  @media(max-width:768px) {\r\n\r\n    .section-heading h2 {\r\n\r\n      font-size: 34px;\r\n\r\n    }\r\n\r\n    .pricing-grid {\r\n\r\n      grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n    .pricing-card {\r\n\r\n      padding: 28px;\r\n\r\n    }\r\n\r\n    .price {\r\n\r\n      font-size: 48px;\r\n\r\n    }\r\n\r\n    .pricing-card h3 {\r\n\r\n      font-size: 26px;\r\n\r\n    }\r\n\r\n  }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<script>\/\/ ==========================================\r\n  \/\/ Premium Pricing Cards\r\n  \/\/ Expand \/ Collapse Animation\r\n  \/\/ ==========================================\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const buttons = document.querySelectorAll(\".toggle-btn\");\r\n\r\n    buttons.forEach((button) => {\r\n\r\n        button.addEventListener(\"click\", function () {\r\n\r\n            const currentCard = this.closest(\".pricing-card\");\r\n            const currentContent = currentCard.querySelector(\".package-details\");\r\n            const currentIcon = this.querySelector(\"span\");\r\n\r\n            \/\/ Close all other cards\r\n            document.querySelectorAll(\".pricing-card\").forEach((card) => {\r\n\r\n                if (card !== currentCard) {\r\n\r\n                    const content = card.querySelector(\".package-details\");\r\n                    const icon = card.querySelector(\".toggle-btn span\");\r\n\r\n                    content.style.maxHeight = null;\r\n                    icon.innerHTML = \"+\";\r\n                    icon.style.transform = \"rotate(0deg)\";\r\n\r\n                }\r\n\r\n            });\r\n\r\n            \/\/ Toggle current card\r\n            if (currentContent.style.maxHeight) {\r\n\r\n                currentContent.style.maxHeight = null;\r\n                currentIcon.innerHTML = \"+\";\r\n                currentIcon.style.transform = \"rotate(0deg)\";\r\n\r\n            } else {\r\n\r\n                currentContent.style.maxHeight =\r\n                    currentContent.scrollHeight + \"px\";\r\n\r\n                currentIcon.innerHTML = \"\u2212\";\r\n                currentIcon.style.transform = \"rotate(180deg)\";\r\n\r\n                \/\/ Wait for animation then scroll\r\n                setTimeout(() => {\r\n                    currentContent.scrollIntoView({\r\n                        behavior: \"smooth\",\r\n                        block: \"nearest\"\r\n                    });\r\n                }, 250);\r\n\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>E-Commerce Store Development Choose The Perfect Package Select the package that best fits your business needs. BASIC STORE Basic Store Ideal for New Online Businesses $999 \u2714 Up to 100 Products \u2714 Up to 7 Categories \u2714 Shopping Cart Integration \u2714 Inventory Management View Package Details + \u2714 Responsive Store Design \u2714 CMS and Admin [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3858","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/center-bridges.com\/zenvyra\/wp-json\/wp\/v2\/pages\/3858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/center-bridges.com\/zenvyra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/center-bridges.com\/zenvyra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/center-bridges.com\/zenvyra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/center-bridges.com\/zenvyra\/wp-json\/wp\/v2\/comments?post=3858"}],"version-history":[{"count":4,"href":"https:\/\/center-bridges.com\/zenvyra\/wp-json\/wp\/v2\/pages\/3858\/revisions"}],"predecessor-version":[{"id":3863,"href":"https:\/\/center-bridges.com\/zenvyra\/wp-json\/wp\/v2\/pages\/3858\/revisions\/3863"}],"wp:attachment":[{"href":"https:\/\/center-bridges.com\/zenvyra\/wp-json\/wp\/v2\/media?parent=3858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}