Giter Club home page Giter Club logo

Comments (7)

Felipelourenco-dev avatar Felipelourenco-dev commented on August 13, 2024

Faço as mudanças que o curso indica e não muda nada, agora se eu troco algo no header que já veio pronto funciona

from vtex-courses.

georgebrindeiro avatar georgebrindeiro commented on August 13, 2024

Oi Felipe, tudo bom?

Você consegue me passar mais informações sobre o passo específico que você está tentando completar, incluindo a conta VTEX que está usando e o código que você disse estar funcionando?

from vtex-courses.

Felipelourenco-dev avatar Felipelourenco-dev commented on August 13, 2024

Então faço todos os passos que são pedidos, e inicio as aulas e incluo os códigos da aula!
Vou lá e Salvo e dou um vtex link e nada muda, agora se eu trocar algo em um código já existente as mudanças acontecem

Código que estou tentando executar
{
"store.home": {
"blocks": [
"rich-text",
"info-card#button-right",
"info-card#button-left",
"flex-layout.row"
]
},

"flex-layout.row": {
"children": ["info-card#rethink", "flex-layout.col"]
},
"flex-layout.col": {
"children": ["image#electronics", "image#major-appliance"]
},
"info-card#rethink": {
"props": {
"imageUrl": "https://appliancetheme.vteximg.com.br/arquivos/utensilios-cozinha-min.png",
"isFullModeStyle": true,
"headline": "Time to rethink your kitchen",
"callToActionText": "Discover",
"textPosition": "center"
}
},
"image#electronics": {
"props": {
"src": "https://appliancetheme.vteximg.com.br/assets/vtex.file-manager-graphql/images/electronics_banner___25d69b49f8224b369375e68513b4d593.png",
"maxWidth": "100%"
}
},
"image#major-appliance": {
"props": {
"src": "https://appliancetheme.vteximg.com.br/assets/vtex.file-manager-graphql/images/major_appliance_banner___bb10093866a127345ddfbcca3efa5022.png",
"maxWidth": "100%"
}
}
}

Conta que estou utilizando
Account: appliancetheme
Workspace: felipelourencovtex
email: [email protected]

from vtex-courses.

georgebrindeiro avatar georgebrindeiro commented on August 13, 2024

Qual dos cursos você tá fazendo? E qual passo?

from vtex-courses.

Felipelourenco-dev avatar Felipelourenco-dev commented on August 13, 2024

Blocos básicos, logo no primeiro passo nada muda!

{
"store.home": {
"blocks": ["rich-text"]
},
"rich-text": {
"props": {
"text": "Hello, World!",
"textPosition": "RIGHT"
}
}
}

from vtex-courses.

georgebrindeiro avatar georgebrindeiro commented on August 13, 2024

Realmente, não estou conseguindo também. Me parece ser algum problema na configuração da loja de testes appliancetheme relacionada especificamente à home page, vou pedir ajuda internamente para investigar mais a fundo.

Por hora, você pode experimentar esse mesmo código na página de resultados de busca search.json:

// store/blocks/search.jsonc
{
  "store.search": {
    "blocks": ["rich-text"]
  },
  "rich-text": {
    "props": {
      "text": "**Hello, World!**",
      "textPosition": "RIGHT"
    }
  }
}

Substituindo esse código lá e fazendo uma busca qualquer, você deve conseguir ver o bloco que definiu. Acabei de fazer aqui.

from vtex-courses.

georgebrindeiro avatar georgebrindeiro commented on August 13, 2024

Descobri o problema! Ao linkar o minimum-boilerplate-theme, você precisa selecionar o template no CMS:

https://felipelourencovtex--appliancetheme.myvtex.com/admin/cms/pages/store.home/

image

Para identificar quais blocos estão sendo carregados na página, você pode executar __RUNTIME__.extensions no console do Chrome DevTools. Ele vai mostrar os blocos sendo renderizados e vai ter o blockId, que vai mostrar qual app de tema tá renderizando um bloco específico.

image (1)

from vtex-courses.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.