Shella theme wish list page does not display products

[XinWei]

The Shella theme wish list page does not display products. I need help urgently. Thanks in advance.

[XinWei]

Below is the code for product wishlist page, unable to get product information. Please experts help me. Thanks.

<div class="wishlist">
<div class="container">
<div class="wishlist__head d-flex justify-content-lg-center align-items-center position-relative mb-15 mb-lg-30">
{%- if template contains 'page.' -%}
<h1 class="h3 mt-20 mb-0 text-center{% if items_length < 1 %} d-none-important{% endif %}" data-js-store-lists-has-items-wishlist>{{ page.title }}</h1>
{%- else -%}
<h2 class="h3 mb-0 text-center{% if items_length < 1 %} d-none-important{% endif %}" data-js-store-lists-has-items-wishlist>{{ 'general.popups.wishlist-full.title' | t }}</h2>
{%- endif -%}
<div class="wishlist__button-remove position-absolute d-inline-flex align-items-center cursor-pointer right-0 js-store-lists-clear-wishlist{% if items_length < 1 %} d-none-important{% endif %}" data-js-store-lists-has-items-wishlist><i class="mb-4 mr-4">{% render 'icon-theme-165' %}</i>{{ 'wishlist_page.button_remove_all' | t }}</div>
</div>
<div class="popup-wishlist-full__items row{% if items_length < 1 %} d-none-important{% endif %}" data-js-store-lists-has-items-wishlist>

</div>
<div class="d-flex flex-column align-items-center py-40 py-md-100 my-100{% if items_length > 0 %} d-none-important{% endif %}" data-js-store-lists-dhas-items-wishlist>
<h3>{{ 'wishlist_page.empty.title' | t }}</h3>
<p>{{ 'wishlist_page.empty.paragraph' | t }}</p>
</div>
</div>
</div>

[tim]

Need to see your actual site. 

[XinWei]

Please refer to the link and the picture, the wishlist popup shows the product but the page does not.

https://shella-demo.myshopify.com/products/belted-chino-trousers

[tim]

The code you've shared above is a template for wishlist popup. Popup is populated by theme JS which works with a 3rd party server,  probably an app? 

I believe it's possible to create a page which will automatically load and display wishlist content on load, but it's not a trivial modification.

And what are you calling a wishlist page?

Note that /wishlist is an invalid URL for a Shopify store if this is waht you mean by "wishlist page".

[XinWei]

{% include 'breadcrumbs' %}
<div class="page-wishlist mb-40">
{%- if customer -%}
{% include 'wishlist' %}
{%- else -%}
<script>
window.location.href = '/account/login';
</script>
{%- endif -%}
</div>

This is the code for the wishlist page

[tim]

Ok, I see. Technically, the free Wishlist app which is recommended for this theme, Basic Wishlist stores wishlist data in a customer metafield, so it should be possible to get this data and construct product list kinda like this:

<div class="popup-wishlist-full__items row{% if items_length < 1 %} d-none-important{% endif %}" data-js-store-lists-has-items-wishlist>

 {% assign wl_data = customer.metafields.loo-lists.loo-wishlist.value %}
 {% for wl_item in wl_data %}
   {% assign wl_product = all_products[wl_item.last.handle] %}
   {% render "product-grid-item", product: wl_product %}
 {% endfor %}
</div>

(of course, i have no idea which snippet is used to render a product card and what parameters it expects, need to see the theme code)

[XinWei]

I need your help Tim, can I add your Whatsapp?

[XinWei]

Tim, are you still there? I'm waiting for you.

[SealSubs-Roan]

Hi @XinWei 

It seems like the issue is coming directly from your theme. I highly suggest that you reach out to your theme developer so, they can further check your theme code and find out where the issue is coming from.

[XinWei]

The theme developers don't seem to want to fix this issue, I asked them about it and they said the theme doesn't have a wishlist page. So I would like to seek help from experts.