Personalização

Personalização da sua Loja

Para personalizar o design do seu site no Ereemby, siga os passos abaixo:

Acesse o painel de customização em: https://ereemby.com/dashboard/customization.

No painel, você verá um campo onde pode colar e modificar o JSON para personalização do seu site. Aqui está um exemplo básico de JSON de configuração:

{
  "status": true,
  "colors": {
    "color": {
      "background_color": "#000",
      "container": "#0a0a0a",
      "sub": "#000",
      "reverse": "#ffffff",
      "primary": "#000000",
      "secondary": "#080808",
      "warnings": "#ffd152",
      "header": "#000",
      "nav": "#000",
      "bottom": "#000",
      "green": "#21c985",
      "yellow": "#ffba09",
      "blue": "#3e81ed",
      "red": "#ff493f"
    },
    "gradient": {
      "container_gradient": "linear-gradient(180deg, #33333305, #33333325 65.62%)",
      "green": "linear-gradient(212deg,#08452C 0.28%,rgba(17,46,70,0) 97.75%)",
      "yellow": "linear-gradient(212deg, #986F06 0.28%, rgba(17, 46, 70, 0) 97.75%)",
      "red": "linear-gradient(212deg, #77100A 0.28%, rgba(17, 46, 70, 0) 97.75%)"
    },
    "text": {
      "h1": "#ffffff",
      "p": "#8A8A8A",
      "reverse": "#000000"
    },
    "border": {
      "border": "#1c1c1c",
      "focus": "#fcb64c"
    },
    "shadow": {
      "bottom": "0 2px 3px transparent",
      "header": "0 1px 3px #ffffff00",
      "nav": "0 5px 3px #ffffff00"
    },
    "buttons": {
      "primary": "#ffffff",
      "text": {
        "text": "#000",
        "reverse": "#fff"
      },
      "interaction": {
        "icon": "#fff",
        "text": "#fff",
        "play": "#25D366",
        "txt": "#ffd152"
      }
    },
    "inputs": {
      "color": "#fff",
      "container": "#1c1c1c60"
    },
    "loading": {
      "color": "#ffffff",
      "status": "#ffffff20"
    },
    "nav": {
      "container": "transparent",
      "text": "#fff",
      "active": {
        "container": "#fff",
        "text": "#000"
      }
    },
    "status": {
      "on": "#25D366",
      "off": "#ff5959"
    },
    "inputTheme": {
      "color": "#ffffff40",
      "active": "#ffffff20",
      "hover": "#fff"
    },
    "alert": {
      "success": "#3CEEA6",
      "pending": "#FFDF49",
      "error": "#FF5252"
    }
  },
  "header": [
    {
      "warning": {
        "title": "aaaaaaaaaaaaaaaaaaaaaaaaaaa",
        "link": "https://discord.gg/ereemby",
        "color": {
          "text": "#ffffff",
          "background": "#000000"
        }
      }
    },
    {
      "snowflake": {
        "type": "snow",
        "amount": 100,
        "color": "#ffffff",
        "min_size": 3,
        "max_size": 6,
        "speed": 0.6
    }
    }
  ],
  "layout": {
    "home": {}
  },
  "footer": {}
}

Você pode alterar as cores e temas conforme desejar. Por exemplo, se quiser mudar o tema para tons de azul, pode ajustar o valor das cores assim:

"primary": "#0000FF",
"secondary": "#1E90FF",
"header": "#4682B4"

💡 Dica: Se quiser criar temas de cores específicas, pode usar ferramentas como o ChatGPT para gerar novas paletas de cores! Por exemplo, você pode pedir: "Quero este JSON com tema azul", ou "Quero este JSON com uma paleta de cores pastel".

Personalização

Personalização da sua Loja

On this page