The default product page, with all information filled out, will look like this:
\nThe site will walk you through adding products to your store, which integrates with the Stripe API. Product IDs and SKU IDs are generated via the stripe API, and additional product metadata (descriptions, variants) are stored locally in your project folder.
\nTo create your first product, head to the first tab of the confg page, or go to /config?tab=0 and click \"Create New Product\"
Your product's URL will be generated from the Product Name.
\nProduct Description and Details are both optional fields, to add additional product context.
\nNext, you will be able to add variants to your product. These are different ways to customize a product, such as sizes of a t-shirt, or the color of a necklace.
\nFor variants with different prices, you will be creating separate SKUs on Stripe (see the next step)
\nThe next step is to set pricing. If you do not add any variants, there will be a single form to set a price:
\nOtherwise, continuing with our example product, you will set prices for each variant.
\nThere's also an option to set an inventory amount for each variant. You can mix and match between limited and unlimited quanities.
\nFinally, add photos for your product! The site will automatically format your images to be either square, 3:4, or 4:3 aspect ratio, depending on which aspect they are closest to.
For multiple images, you can drag to reorder them. (Example image is from Mystic Aquarium)
\nHere's what our example product looks like on the site!
\nTo spice this page up, head over to Adding Collections.
\nIf an inventory is < 10, the product page will show a warning, and disable the \"Add to Cart\" button.
If inventory is 0, it will show \"Sold Out\" and disable the purchasing button.