Hi,
So my theme has the wishlist setup already and i created the Wishlist on the Pages and i like how it looks and do not want to use apps, however when i click on it , it comes out blank. May you kindly assist me. website is www.wardrobenthings.com
Is there a specific setting/section that must be added, etc.
Otherwise “my theme has” doesn’t mean anything to other people we are not mind readers.
Not all themes have all features, nor do others automatically have the same theme as you.
Keep other people in mind when communicating.
WHICH theme, and what are it’s docs(publicly accessible url to the EXACT page) and which step are you having issues with.
i have the 4 items under wishlist
when i click on the wishlist the page is supposed to open showing me my wishlist, however that is not happening. A blank page comes instead.
Theme is Bikini Beach
I would guess that because you changed the page, and its template, that is the reason you don’t see the products in the wishlist. Go to the theme editor, and add the product section back to the template, or revert to a previously duplicated theme that has the original wishlist settings.
And the documentation?
Others have no idea of the particulars going on in that theme.
Ultimately this is a fourth party theme not sold on the shopify theme store.
Without you providing clear actionable information others can’t do anything from the outside.
Contact that themes developer for support in that case.
@presharcy
First, you need check again wishlist template that page show products that you added to, and compare with demo theme, the original theme you not edit any thing. If on current theme has any miss setting you can add again.
In case you edit directly on original theme and has not any backup theme, you can share code template wishlist here i can help you check or you can invite as collaborator i will help you check.
When i check on your storefront by click to wishlist so item still add to wishlist feature that theme builded, so i guess if on demo theme work the issue maybe come from your edit.
Hi @presharcy
Good news — we can activate your theme’s wishlist without apps. I’ll guide you step-by-step.
Step 1 — Make Sure Page Handle = wishlist
You already created the Wishlist page. Confirm the handle:
Online Store → Pages → Wishlist
URL handle should be:
/pages/wishlist
If not, set Handle: wishlist
Step 2 — Add This Script to theme.liquid
Below your <body> tag or before </body>
This script creates a wishlist using LocalStorage and renders products on the Wishlist page.
<script>
/*
Wishlist localStorage = 'user_wishlist'
Store product handles
*/
window.wishlist = JSON.parse(localStorage.getItem('user_wishlist')) || [];
function updateWishlistStorage() {
localStorage.setItem('user_wishlist', JSON.stringify(window.wishlist));
}
function toggleWishlist(handle) {
let index = window.wishlist.indexOf(handle);
if (index === -1) {
window.wishlist.push(handle);
} else {
window.wishlist.splice(index, 1);
}
updateWishlistStorage();
}
document.addEventListener("click", function(e) {
let btn = e.target.closest("[data-wishlist-btn]");
if (!btn) return;
let handle = btn.dataset.handle;
toggleWishlist(handle);
btn.classList.toggle("active");
});
/* Render wishlist on /pages/wishlist */
async function renderWishlistPage() {
const container = document.querySelector("#wishlist-container");
if (!container) return;
if (window.wishlist.length === 0) {
container.innerHTML = "<p>Your wishlist is empty đź’›</p>";
return;
}
let html = "";
for (let handle of window.wishlist) {
let res = await fetch(`/products/${handle}?view=card`);
let productHtml = await res.text();
html += productHtml;
}
container.innerHTML = html;
}
document.addEventListener("DOMContentLoaded", renderWishlistPage);
</script>
Step 3 — Add Container to Wishlist Page Template
Edit your Wishlist page template:
Online Store → Themes → Edit Code → Templates → page.wishlist.liquid
Add:
<div id="wishlist-container" class="wishlist-grid"></div>
Step 4 — Add Wishlist Button on Product Cards
In snippets/card-product.liquid, add inside product card:
<button
data-wishlist-btn
data-handle="{{ product.handle }}"
class="wishlist-btn"
>
❤️
</button>
Best regards,
Devcoder 
1 Like
Thank you Devcoders. Appreciate it
1 Like
Hi @presharcy
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful, please like all posts. 
1 Like
No need to be rude though. anyways i got the help from another coder.
If you do not know how to solve an issue, rather do not respond instead of being rude or attack someone you do not even know. I got someone else to assist and it worked immediately. Be kind to other people.
Thank you for being kind as well. The other people here are very rude.
1 Like
Why are you a Shopify Partner if you are this rude? We are now scared to come ask questions.