PhoneDroid

Easy-to-work-with
Theme Requirements

The following are a set of points that
make Shopify themes easier to work with.

General

PhoneDroid

https://stackoverflow.com/a/22027731

```sh
git config --global url.ssh://git@github.com/.insteadOf https://github.com/
```

PhoneDroid

Update Multiple

Update multiple cart items via variantId:

/cart/update?updates[<VariantId>]=<Quantity>&updates[<VariantId>]=<Quantity>

/cart/update?updates[123456789]=10&updates[987654321]=5

PhoneDroid

Better Input Fields

https://github.com/NouanceLabs/payload-better-fields-plugin

Icon Picker

https://github.com/innovixx/payload-icon-picker-field

Table Field

https://github.com/notchris/payload-table-field

PhoneDroid

For some reason I can never find this anything about this, so here so I don't forget.

SomeElement.ts

declare class Class extends HTMLElement {
    constructor ()
}

PhoneDroid

const script = document.querySelector(`[ type = 'application/ld+json' ]`)
    
const raw = script.textContent

const text = JSON.stringify(JSON.parse(raw),null,4)


async function log (){

PhoneDroid

Feature Bundling Script

#!/usr/bin/env bash

#
#   Bundle a given feature's TypeScript into a single JavaScript
#

PhoneDroid

Curtesy to https://stackoverflow.com/a/69223288

Manual Fix

1. Navigate to your VSC folder

PhoneDroid

Console Wrapper

How to properly wrap a console logger function to retain stacktraces.

Simple

PhoneDroid

1. Clone repository with CLI, GitHub Desktop doesn't seem to properly reconize SSH credentials

   git clone https://github.com/Organization/Repository

   
   
2. • Click Add local repository..