Forum
perch shop products and collections
Hello
In perch runway I currently have a Collection of photography than is sorted under various perch categories and can be purchased in various print options through PayPal using the basic shop app javascript. The print formats are my products with different prices and the info is passed through with hidden fields i.e.. image id and title etc.
My client wants a more sophisticated shop with more features, shipping options and versatility so I have installed the new shop. Can I have the different print formats as the products as before and pass info from the collections through the shop process to identify the photo to print? Or alternatively, can I convert the entire collection to individual products and then add the print formats as options?
Any help, advice, guidance appreciated.
My current product template is this...
<div class="col-md-4">
<div id="imageinfo">
<div style="position:relative; float:left; width:215px;">
<div id="titleid"><div style="width:95px; position:relative; float:left; margin-bottom:3px; "><span class="titles">TITLE:</span></div>
<div style="width:120px; position:relative; float:left; line-height:normal; margin-bottom:3px; "> <perch:content id="title" /></div>
</div>
<div id="titleid"> <div style="width:95px; position:relative; float:left; margin-bottom:3px; "><span class="titles">IMAGE ID:</span></div>
<div style="width:120px; position:relative; float:left; margin-bottom:3px; "><perch:content id="imageID" type="text" required="true" label="Image ID" /></div></div></div>
<div id="thumb"><image src="<perch:content id="image" />" width="30" height="30" crop="true"/></div>
<div id="deskeygroup">
<div id="description"> <div id="destitle">DESCRIPTION:</div>
<div id="destext"> <perch:content id="desc" type="text" label="Description" /></div></div>
<div id="keywords"> <div id="keytitle">KEYWORDS: </div>
<div id="keytext"> <perch:content id="tag" type="text" label="Keywords" /></div></div>
<br />
</div>
</div>
<perch:categories id="albums" label="Select relevent album(s)" set="albums" divider-before="Photo Galleries" display-as="checkboxes">
</perch:categories>
<div style="position:relative; float:left; padding:15px; border:1px solid #666; border-radius:5px; color:#eee; font-family:Verdana, Geneva, sans-serif; margin-bottom:20px; margin-top:5px; text-align:left">
<h5 style="margin:0px;">Product Options </h5>
<!----- options ---->
<p class="select">Select of print format</p>
<select style="width:260px" id="target">
<option value="">Select...</option>
<option value="Print">PRINTS</option>
<option value="Canvas">CANVAS</option>
<option value="Acrylic">ACRYLIC PANELS (10mm float)</option>
<option value="Cards">CARDS (pack of 5)</option>
</select>
<div id="Print" class="inv">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" style="margin: 0px">
<input type="hidden" name="business" value="nicklives@btinternet.com">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="add" value="1">
<input type="hidden" name="item_name"
value="<perch:content id="title" /> (<perch:content id="imageID" />)">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="quanity" value="1">
<input type="hidden" name="on0" value="Prints">
<input type="hidden" name="os0" value="Size: Id by Price">
<select name="amount" style="width:260px;">
<perch:categories id="prints" label="Select available PRINT sizes" set="prints" divider-before="Product Options" display-as="checkboxes">
<perch:before> <ul><option value="">Choose a size ...</option>
</perch:before>
<option value="<perch:category id="catPrice"/>"><perch:category id="catTitle"/><perch:if exists="catPrice"/> | £<perch:category id="catPrice"/></perch:if></option>
<perch:after>
</ul>
<textarea rows="8" readonly><perch:category id="desc"/> </textarea>
</perch:after>
</perch:categories>
</select>
<div id="cart-margin"> <input type="image" name="submit" border="0" src="../../../images/add-to-cart.png"
alt="PayPal - The safer, easier way to pay online">
<img alt="" border="0" width="1" height="1"
src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >
</div>
</form></div>
<!---->
<div id="Canvas" class="inv">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" style="margin: 0px">
<input type="hidden" name="business" value="nicklives@btinternet.com">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="add" value="1">
<input type="hidden" name="item_name"
value="<perch:content id="title" /> (<perch:content id="imageID" />)">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="quanity" value="1">
<input type="hidden" name="on0" value="Canvas">
<input type="hidden" name="os0" value="Size: Id by Price">
<select name="amount" style="width:260px;">
<perch:categories id="canvas" label="Select available CANVAS sizes" set="canvas" display-as="checkboxes">
<perch:before> <ul><option value="">Choose a size ...</option>
</perch:before>
<option value="<perch:category id="catPrice"/>"><perch:category id="catTitle"/><perch:if exists="catPrice"/> | £<perch:category id="catPrice"/></perch:if></option>
<perch:after>
</ul>
<textarea rows="9" readonly><perch:category id="desc"/> </textarea>
</perch:after>
</perch:categories> </select>
<div id="cart-margin"> <input type="image" name="submit" border="0" src="../../../images/add-to-cart.png"
alt="PayPal - The safer, easier way to pay online">
<img alt="" border="0" width="1" height="1"
src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >
</div>
</form></div>
<!---->
<div id="Acrylic" class="inv">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" style="margin: 0px">
<input type="hidden" name="business" value="nicklives@btinternet.com">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="add" value="1">
<input type="hidden" name="item_name"
value="<perch:content id="title" /> (<perch:content id="imageID" />)">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="quanity" value="1">
<input type="hidden" name="on0" value="Acrylic">
<input type="hidden" name="os0" value="Size: Id by Price">
<select name="amount" style="width:260px;">
<perch:categories id="panelsacrylic" label="Select available ACRYLIC PANELS sizes" set="panelsacrylic" display-as="checkboxes">
<perch:before> <ul><option value="">Choose a size ...</option>
</perch:before>
<option value="<perch:category id="catPrice"/>"><perch:category id="catTitle"/><perch:if exists="catPrice"/> | £<perch:category id="catPrice"/></perch:if></option>
<perch:after>
</ul>
<textarea rows="12" readonly><perch:category id="desc"/> </textarea>
</perch:after>
</perch:categories> </select>
<div id="cart-margin"> <input type="image" name="submit" border="0" src="../../../images/add-to-cart.png"
alt="PayPal - The safer, easier way to pay online">
<img alt="" border="0" width="1" height="1"
src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >
</div>
</form></div>
<!---->
<div id="Cards" class="inv">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" style="margin: 0px">
<input type="hidden" name="business" value="nicklives@btinternet.com">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="add" value="1">
<input type="hidden" name="item_name"
value="<perch:content id="title" /> (<perch:content id="imageID" />)">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="quanity" value="1">
<input type="hidden" name="on0" value="Cards">
<input type="hidden" name="os0" value="Size: Id by Price">
<select name="amount" style="width:260px;">
<perch:categories id="cards" label="Select available CARD sizes" set="cards" display-as="checkboxes">
<perch:before> <ul><option value="">Choose a size ...</option>
</perch:before>
<option value="<perch:category id="catPrice"/>"><perch:category id="catTitle"/><perch:if exists="catPrice"/> | £<perch:category id="catPrice"/></perch:if></option>
<perch:after>
</ul>
<textarea rows="8" readonly><perch:category id="desc"/> </textarea>
</perch:after>
</perch:categories> </select>
<div id="cart-margin"> <input type="image" name="submit" border="0" src="../../../images/add-to-cart.png"
alt="PayPal - The safer, easier way to pay online">
<img alt="" border="0" width="1" height="1"
src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >
</div>
</form>
</div>
</div>
</div>
The items you want to sell would need to be products in order to be able to add them to your cart.
There's not currently an importer for products, unfortunately.
I am not looking for an importer as such just wondered if... 1.Can I convert a Collection to products rather than having to re upload all? 2. Or can I get other fields through the shop from the Collections (i.e. image Id, title)
You say convert, I say import, same thing. There's currently no code to do that.
Thats a shame I'm desperately trying to find another way round rather than re upload all.
If my products are my print formats which there are far fewer of, can you think of anyway I could capture the image info?
No, if you're using Shop the items you're buying need to be products, else you're going to get into a big mess.
OK. Thanks very much for your help.