panoply

Usage

The function invokes as an IIFE and is exposed in global scope (i.e, window.wishlist or simply, wishlist). This means that you simply drop it in via <script>. It provides several methods for usage. By default, it will not do anything until you wire it up. Firstly, let me explain the main methods:

// use render method to optionally create a virtual wishlist, more on this later
wishlist.render((product) => `<a href="#"><img class="img" src="${product.img}"></a>`);

// If you need to listen for wishes
wishlist.on('wished', (args) =&gt; console.log(args));

LakithKarunaratne

How to show/hide the macOS Dock instantly

Open Terminal.app from Applications > Utilities Copy-paste one of the following commands & confirm it

On Intel-based Macs:

defaults write com.apple.dock autohide-delay -float 0 && killall Dock

On Apple Silicon-based Macs:

coolaj86

Chat GPT "DAN" (and other "Jailbreaks")

• https://chat.openai.com/
• Is ChatGPT "DAN" Real? Gonna find out [Part 1]
  (https://www.youtube.com/watch?v=-q8woRG9FrI)
• Part 2: I thought ChatGPT DAN was a hoax, but...
  (https://www.youtube.com/watch?v=rHZRrDu3A2U&lc=UgxfrxX8aK7gnCzkend4AaABAg)

steven-tey

// Note: this gist is a part of this OSS project that I'm currently working on: https://github.com/steven-tey/dub

export default async function getTitleFromUrl (url: string) {
  const controller = new AbortController();
  const timeoutId = setTimeout(() => controller.abort(), 2000); // timeout if it takes longer than 2 seconds
  const title = await fetch(url, { signal: controller.signal })
    .then((res) => {
      clearTimeout(timeoutId);
      return res.text();
    })

dcchambers

Fixes for Various Mac Issues

A couple of things that may improve your experience using MacOS.

Many of these settings can be configured via the command line (and thus, scripted) using the MacOS defaults tool.

defaults help
defaults read   # list all defaults
defaults write ...

khooz

// Make sure js-cookies are loaded before this code
function verifyAge(gaurdingPage = "./age-verification.html") {
	if (!Cookies.get("age-verification"))
	{
		Cookies.set("intended", window.location.href);
		window.location.replace(gaurdingPage);
	}
}

function checkAge(homePage = "./index.html", awayPage = "https://www.google.com/?q=") {

atikju

<div class='relatedArticles'>
  {% for tag in article.tags %}

  {% assign counter = 0 %}
  {% assign skip_articles = article.handle | split: '.....' %}
  {% for related_article in blog.articles %}
    {% if related_article.tags contains tag and counter < 6 %}
      {% unless skip_articles contains related_article.handle %}
        {% assign counter = counter | plus: 1 %}
        {% assign temp = related_article.handle | split: '.....' %}

pablogiralt

Add Size Guide to Shopify Brooklyn Theme

This is what you get:

1- A link to below the variant selector which will open the size guide:

2- The size selector modal:

adamwooding

<div itemscope itemtype="http://schema.org/Product" id="ProductSection" data-section-id="{{ section.id }}" data-section-type="product-template" data-image-zoom-type="{{ section.settings.product_image_zoom_type }}" data-show-extra-tab="{{ section.settings.show_extra_tab }}" data-extra-tab-content="{{ section.settings.extra_tab_content }}" data-enable-history-state="true">

    {% case section.settings.add_to_cart_width %}
      {% when 'small' %}
        {%- assign btn_class = 'btn--wide' -%}
        {%- assign productform_class = 'product-form--wide' -%}
      {% when 'medium' %}
        {%- assign btn_class = 'btn--wide' -%}
        {%- assign productform_class = 'product-form--wide' -%}
      {% when 'large' %}

joePichardo

{{ 'option_selection.js' | shopify_asset_url | script_tag }}

  <script>
    // <![CDATA[
    var selectCallback = function(variant, selector) {
      if (variant) {
        if (variant.available) {
          // Selected a valid variant that is available.
          $('#add-to-cart-button').removeClass('disabled').removeAttr('disabled').html('Add to Cart');
        } else {