fabiensebban

const newURL = '{%  if routes.root_url != '/' %}{{ routes.root_url }}{% endif %}/collections/all';

function changeButtonURL(newURL) {
  const wishlistContainer = document.querySelector('ooo-wl-page-container');

  if (!wishlistContainer) return;

  const wishlistContent = wishlistContainer.shadowRoot.querySelector('ooo-wl-page-content');

fabiensebban

# This code can be used to decode the session token coming from the
# Customer UI extension: https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/session-token

require 'jwt'
require 'json'

# Replace with your app's client secret from the Partner Dashboard
SHOPIFY_CLIENT_SECRET = "XXX"

# Token present in the Authorization header of the request

fabiensebban

function applyCSS() {
  const wishlistButtons = document.querySelectorAll('ooo-wl-product-card-button');
  const cssStyles = `
    svg {
      fill: var(--ooo-wl-product-card-button-icon-color, #000);
    }
  `;

  if (wishlistButtons) {
      // Create style element

fabiensebban

// Note : this works great on Impact

function oooWishlistButtonMoveAndStyle(target) {
    let wishlistButtonElement = document.querySelector("ooo-wl-access-button");
    let variantPicker = document.querySelector(target);

    if (wishlistButtonElement && variantPicker) {
      let wishlistButtonElementDuplicate = wishlistButtonElement.cloneNode(true);

      wishlistButtonElement.style.display = 'none';

fabiensebban

(...)

<script>
class WishlistCount extends HTMLElement {

  constructor() {
    super();
    this.#addEventListeners();
  }

fabiensebban

// Wishlist Power share button style
document.addEventListener('DOMContentLoaded', () => {
  const callback = () => {
    let wishlistPowerShareButtonButton = document.querySelector(".ooo-wl-share-button");
    let wishlistPowerAddToCartButton = document.querySelector('ooo-wl-button-add-to-cart')?.querySelector('button');
  
    if (wishlistPowerShareButtonButton && wishlistPowerAddToCartButton) {
      wishlistPowerShareButtonButton.classList.remove('ooo-wl-share-button');
      wishlistPowerShareButtonButton.classList.add('button', 'button-primary', 'ooo-wl-button');
  

fabiensebban

// Add this code in the <script> tag of the footer.liquid file


// Wishlist Power button in product card
let wishlistPowerButton = document.querySelector("ooo-wl-access-button");

if (wishlistPowerButton){
  document.querySelector(".product-info__block-item[data-block-id=\"title\"]")?.appendChild(wishlistPowerButton)
}

fabiensebban

class BulkOperationMutation < ApplicationService
  STAGE_UPLOAD_MUTATION = <<~'QUERY'
    mutation($input: [StagedUploadInput!]!) {
      stagedUploadsCreate(input: $input) {
        stagedTargets {
          url
          resourceUrl
          parameters {
            name
            value

fabiensebban

  "apps": {
    "wishlist": {
      "empty": {
        "title": "Empty wishlist",
        "description": "You have no products in your wishlist",
        "link": "Start shopping"
      },
      "share": {
        "title_without_name": "Shared wishlist",

fabiensebban

// This snippet hides the add to cart and selector from the wishlist page
document.addEventListener('DOMContentLoaded', () => {
  const callback = () => {
    Array.from(document.querySelectorAll('ooo-wl-select-option')).forEach((item) => item.style.display = 'none');
    Array.from(document.querySelectorAll('ooo-wl-button-add-to-cart')).forEach((item) => item.style.display = 'none');
  }

  const observer = new MutationObserver(callback);
  observer.observe(document.documentElement, { attributes: true, childList: true });
});