nfriend21’s gists

nfriend21 / blog

Last active August 30, 2017 22:59

	<div class="focus-footer">
	<h2>Want to Sell More Art Online?</h2>
	<p>We help artists get more consistent art sales. [thrive_2step id='4209']<a>Click here to request a demo </a>[/thrive_2step] and one of our representatives will contact you to conduct a 10 minute introductory call, to see if there is a fit for both sides.</p>
	<h2>Still Not Convinced?</h2>
	<p>Perhaps you need some better stats or some more information? Fair enough.
	<br /><br />
	<a href="http://blog.artstorefronts.com/selling-art/" target="_blank" rel="noopener">I am an artist / photographer. <br />Tell me more about selling art online</a></p>
	<h2>What is Art Storefronts?</h2>
	<p>Did you know Art Storefronts has over 2,000 professional artists and photographers, and more than 300 art galleries and high-profile museums using our platform to sell art online? <a href="http://blog.artstorefronts.com/about/" target="_blank" rel="noopener">Learn More About Art Storefronts >></a></p></div><hr><h2>Popular Posts</h2><div class="thrv_wrapper thrv_po

nfriend21 / gist:b1513f527ad205004ed0ae07b82883b6

Created April 13, 2017 19:46


	Below are the variables that can be accessed within the <body> section of the Order Success page scripts.

	{{ order.number }} => this will display the number of the order that is unique to your website (recommended).
	{{ order.id }} => this will display the internal ID of the order, unique to Art Storefronts.
	{{ order.total }} => this will display the grand total of the order, after shipping, taxes, etc.
	{{ order.shipping_total }}
	{{ order.tax_total }}

	Here is an example of how a third party website called "shareasale.com" needs to track order data.

nfriend21 / gist:423fd8780f8d19e3e5cf95bd76c4f56e

Last active March 15, 2017 19:27

new WP form for dynamic setting

	<div id="asf_flash_container" class="asf-flash-container">
	</div>

	<div class="asf-standard-form-precontent">
	<h1 class="">Request a Demo</h1>

	<p> If you are an artist/photographer, please keep in mind that we only onboard 20 customers per month and are very selective about who we bring onboard. Therefore, if you cannot provide a valid phone number where we can contact you to discuss your art business, please do not request a demo.</p>
	</div>

	<div class="asf-standard-form-container">

nfriend21 / gist:940a31ae6e47781e9aed52227a25e060

Created January 28, 2017 14:03

	<script>
	function loadCollagePlusOverrides() {
	$('.Collage').each(function() {

	var collage = $(this);

	// this allows you to change the loading effect of the images as they appear on the screen.
	// default value is "effect-2". Possible options are "effect-1", "effect-2", "effect-3".
	//// collage.attr("data-effect", "effect-2")

nfriend21 / taylor

Created January 11, 2017 17:57

	<div class="field">
	<label for="inquiry_selling_on_marketplaces">Have you sold your art on marketplace websites like Etsy, Fine Art America, 500px, etc?</label> <i class="fa fa-asterisk required"></i>
	<select id="inquiry_selling_on_marketplaces" name="inquiry[dynamic_fields][selling_on_marketplaces]">
	<option value="" selected="">Please Select</option>
	<option value="No">No</option>
	<option value="Yes">Yes</option>
	</select>
	</div>

	<div class="field">

nfriend21 / css

Created January 6, 2017 16:55

	/* COLLAGE IMAGE LAYOUT - BORDER INSTRUCTIONS
	Here, you only need to change the "border" value, which by default is "3px solid white;".
	If you want no border at all, replace "3px solid white;" with "none;".
	If you want to decrease the size of the border, you could do "1px solid white;"
	*/

	.Collage img,
	.Collage figure .blur {
	border: 1px solid white;
	}

nfriend21 / js for collage

Created January 6, 2017 16:54

	<script>
	$(document).on('ready', function() {

	$('.Collage').each(function() {

	var collage = $(this);

	// REMOVE THE FOUR FORWARD SLASHES AT BEGINNING OF ANY LINE THAT CONTAINS FOUR FORWARD SLASHES,
	// IN ORDER TO OVERRIDE THE DEFAULT SETTING FOR THAT OPTION. THE COMMENTS ABOVE ANY LINE PROVIDE
	// INSTRUCTIONS ON HOW YOU CAN USE THE OPTION.

nfriend21 / gist:d1d86d8b75797221213b16e9c25e6d8a

Created May 12, 2016 02:20

<a href="http://blog.artstorefronts.com/category/new-feature/?utm_campaign=welcome%20seq&utm_source=mailchimp%20email&utm_medium=email&utm_term=2016-05-10-welcome-seq&utm_content=email-3&crm_lead_id=*|CRMLEADID|*" target="_blank">

nfriend21 / gist:c8b8ef76d2ee8cda07c63a5bad2af685

Last active May 12, 2016 18:07

	<div id="asf_flash_container" class="asf-flash-container">
	</div>

	<div class="asf-standard-form-precontent">
	<h1>Request a Demo</h1>
	<p>
	If you are an artist/photographer, please keep in mind that we only onboard 20 customers per month and are very selective about who we bring onboard. Therefore, if you cannot provide a valid phone number where we can contact you to discuss your art business, please do not request a demo.
	</p>
	</div>

nfriend21 / gist:2c9e758092b2ca9fe2c3c9334740c12e

Created April 14, 2016 01:43

	<div id="asf_contact_form_container">
	<form accept-charset="UTF-8" action="http://www.artstorefronts.com/inquiries" class="new-inquiry" id="new_inquiry" method="post">

	<input id="inquiry_reseller_id" name="inquiry[reseller_id]" type="hidden" value="1">
	<input id="inquiry_inquiry_source" name="inquiry[inquiry_source]" type="hidden" value="subscribe_to_blog">
	<input type="hidden" name="inquiry[dynamic_fields][redirect_url]" value="http://blog.artstorefronts.com/artist-demo-prep-confirmed/">

	<!-- REQUIRED FIELDS -->
	<div class="field">
	<label for="inquiry_email">Email</label>