This is a basic client~side wishlist in around 2kb-ish for usage within Shopify themes (though it can be appropriated outside of that context). It uses localstorage to keep track of liked products and allows for shared URL to be generated for cross device support.
Open the flems example (click the badge) to see a live demo of it and play around.
| import { LiteralUnion } from 'type-fest'; | |
| import { Controller } from '@hotwired/stimulus'; | |
| import * as customer from 'application/customer'; | |
| export class Sizing extends Controller { | |
| /** | |
| * Stimulus Values | |
| */ | |
| static values = { |
| <div class="reviews"> | |
| {% assign looxstats = shop.metafields.loox["global_stats"] | split: "," %} | |
| {% assign looxstar = looxstats[0] | round %} | |
| {% assign looxcount = looxstats[1] | times:100 | money_without_currency | remove: '.00' %} | |
| <a href="pages/happy-customers">Reviews (<span class="looxstars">{% for i in (1..looxstar) %}★{% endfor %}</span> {{ looxcount }})</a> | |
| </div> <!-- end review --> |
Steps to deploy a Node.js app to DigitalOcean using PM2, NGINX as a reverse proxy and an SSL from LetsEncrypt
If you use the referal link below, you get $10 free (1 or 2 months) https://m.do.co/c/5424d440c63a
I will be using the root user, but would suggest creating a new user
| /* | |
| * This script should be used as the pre-request script for any requests made to Emarsys. In theory, it should work for any API that implements WSSE authentication as well. | |
| * To Use: | |
| * 1: Set an environment variable for wsse-user and wsse-secret containing your WSSE user and secret respectively | |
| * 2: On your Headers tab, add an X-WSSE header with a value of {{wsse-header}} | |
| * | |
| * That's it! When you make a request, the pre-request script will generate your Nonce, Timestamp, and Digest using your secret. The 1-time-use header will be stored in the environment as wsse-header and used for your request. | |
| */ | |
| // | |
| // wsse.js - Generate WSSE authentication header in JavaScript |
| // one-liner version | |
| // retains latin-1 supplement chars as well as latin extended-a and latin extended-b | |
| Shopify.handleize = function (str) { | |
| return str.toLowerCase().replace(/[^\w\u00C0-\u024f]+/g, "-").replace(/^-+|-+$/g, ""); | |
| }; |
| # Compiled source # | |
| ################### | |
| *.com | |
| *.class | |
| *.dll | |
| *.exe | |
| *.o | |
| *.so | |
| # Packages # |
Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.
For the sake of this example, let’s pretend the subfolder containing your site is named dist.
Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).