Por que instalar manualmente?
Se nenhum código referente ao BK Reviews aparecer na sua página após a instalação, esse é um indicativo de que a Shopify não conseguiu instalar automaticamente.
Em algumas lojas a Shopify tem dificuldades em instalar o código de aplicativos, e assim o BK Reviews termina não sendo instalado corretamente, devendo ser instalado por parte do usuário.
Como instalar o aplicativo manualmente em minha loja.
Para uma instalação bem sucedida, o código fonte do BK Reviews deve ser inserido ao final do código da sua página.
Na página de admin da sua loja da Shopify, clique no botão Loja Online (Online Store)
Após isso, vá no seu tema atual e clique nos "três pontinhos" (...) e clique no botão escrito Editar Código (Edit Code) indicado.
3. Após isso, procure pelo arquivo chamado theme.liquid e clique nele.
4. Role até o fim do arquivo theme.liquid e cole o seguinte código antes do </body>
<link rel="stylesheet" href="https://bk-reviews.b-cdn.net/install/bk-index.css">
<script type="module" src="https://bk-reviews.b-cdn.net/install/bk-main.js" defer></script>
<div
id="bk-reviews-root"
data-product-id="{{ product.id }}"
data-store-id="{{ shop.permanent_domain }}"
data-theme="default"
data-store-locale="{{ request.locale.iso_code }}" >
</div>
Demonstração:
Pronto!
Depois de inserido o código no final do seu theme.liquid, as avaliações do BK Reviews já devem estar disponíveis na sua página.
Bônus (Códigos Extras)
Código das estrelas da página de produto
<link rel="stylesheet" href="https://bk-reviews.b-cdn.net/install/bk-index.css">
<script type="module" src="https://bk-reviews.b-cdn.net/install/bk-starSection.js" defer></script>
<div
id="bk-reviews-root"
data-product-id="{{ product.id }}"
data-store-id="{{ shop.permanent_domain }}"
data-theme="default"
data-store-locale="{{ request.locale.iso_code }}"
</div>
<div id="bk-star-section" class="bk-reviews"></div>
Código da parte de avaliações da página de produto
<link rel="stylesheet" href="https://bk-reviews.b-cdn.net/install/bk-index.css">
<script type="module" src="https://bk-reviews.b-cdn.net/install/bk-reviewSection.js" defer></script>
<div
id="bk-reviews-root"
data-product-id="{{ product.id }}"
data-store-id="{{ shop.permanent_domain }}"
data-theme="default"
data-store-locale="{{ request.locale.iso_code }}"
</div>
<div id="bk-review-section" class="bk-reviews"></div>