Problema Layout Editavel

Estou fazendo o tutorial do de WCM Fluig Academy, e estou tentado exportar um layout editavel, mas não consigo. O resultado é apenas uma pagina sem opção de editar layout.

Este é o resultado.

resultado.PNG

Este é o resultado que quero alcançar.

esperado.PNG

Segue meu código abaixo.

<#import "/wcm.ftl" as wcm/>
<@wcm.header authenticated="true"/>
<!-- WCM Wrapper content -->
<div class="wcm-wrapper-content">
    <@wcm.menu />
    <!-- Wrapper -->
    <div class="wcm-all-content">
        <div id="wcm-content" class="clearfix wcm-background">
            <!-- Your content here -->
            <body>
                <div class="fluig-style-guide">
                    <div class="container">
                        <div class="jumbotron">
                            <h1>Hello World</h1>
                            <p>This is an example</p>
                        </div>

                        <div class="row">
                            <div class="col-xs-6 col-lg-4">
                                <h2>Heading</h2>
                                <div class="editable-slot slotfull layout-1-1" id="slotContainer001">
                                    <@wcm.renderSlot id="Slot001" decorator="true"
                                    editableSlot="true" />
                                </div>
                            </div>

                            <div class="col-xs-6 col-lg-4">
                                <h2>Heading</h2>
                                <div class="editable-slot slotfull layout-1-1" id="slotContainer002">
                                    <@wcm.renderSlot id="Slot002" decorator="false"
                                    editableSlot="true" />
                                </div>
                            </div>

                            <div class="col-xs-6 col-lg-4">
                                <h2>Heading</h2>
                                <div class="editable-slot slotfull layout-1-1" id="slotContainer003">
                                    <@wcm.renderSlot id="Slot003" decorator="true"
                                    editableSlot="true" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </body>
            <@wcm.footer layoutuserlabel="wcm.layoutdefault.user" />
        </div>
    </div>
</div>
compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags layout wcm slots tutorial problema ou faça a sua própria pergunta.