WordPress.org

Forums

CataBlog
Take advantage of my work (store templates) (3 posts)

  1. sylviaivie
    Member
    Posted 2 years ago #

    Hey folks. If you are like most of us WordPress users you find some of these plug ins a mystery. It's a bunch of gobbeldygook looking code that makes little or no sense. If you are lucky you have a mind that eventually sees that the code means but if not you are at the mercy of those who do this sort of thing regularly.

    Making Catablog work as a store:
    1. add photos
    2. create categories
    3. Move photos to categories and take them out of "uncategorized"
    Edit title, price, description, item number, etc.
    5 Create 3 (or more) galleries exclusively for your store use. I made "FS-color-size" for items that come in different colors and different sizes. FS-color for items that come in one size but have different colors, and finally FS-size
    6. Select and move your photos into their respective gallery.
    7. Go to templates. Create 3 new templates, and name them store-color, store-size, store-color-size.

    Copy and paste this code into your "store-size" template

    <div class='catablog-row %CATEGORY-SLUGS%'>
    	<div class="catablog-images-column">
    		%MAIN-IMAGE%
    		%SUB-IMAGES%
    	</div>
    
    	<h3 class='catablog-title'>%TITLE-LINK%</h3>
    
    	<div class="catablog-description">
    		<p>%DESCRIPTION%</p>
    		<p>Price: $%PRICE%</P>
    
    	</div>
    
    </div>
    
    <form method='post' action='https://www.paypal.com/cgi-bin/webscr' target='_self'>
    	<input type='hidden' name='cmd' value='_cart'>
    	<input type='hidden' name='business' value='yourpapalemail@yoursite.com'>
    	<input type='hidden' name='item_name' value='%TITLE-TEXT%'>
    	<input type='hidden' name='item_number' value='%PRODUCT-CODE%'>
    	<input type='hidden' name='amount' value='%PRICE%'>
    <table>
    <tr>
    <td>
    <input type='hidden' name='on0' value='Size'>Size</td>
    <td>
    <select name='os0'>
    <option value='Select a Size'>Select a Size
    <option value='Small'>Small
    <option value='Medium'>Medium
    <option value='Large'>Large
    </select></td>
    </tr>
    <tr>
    
    </table>
    
    	<input type='hidden' name='shipping' value='0.00'>
    	<input type='hidden' name='currency_code' value='USD'>
    	<input type='hidden' name='return' value='yoursites-order-thankyou-page'>
    	<input type='hidden' name='quantity' value='1'>
    	<input type='hidden' name='add' value='1'>
    	<input type='image' src='http://images.paypal.com/en_US/i/btn/x-click-but22.gif' border='0' name='submit' width='87' height='23' alt='Add to Cart'>
    </form>

    Make sure you edit the paypal email address and the "yoursites-order-thankyou-page" url. Click save template.

    Next copy and paste this code into your store-color template:

    <div class='catablog-row %CATEGORY-SLUGS%'>
    	<div class="catablog-images-column">
    		%MAIN-IMAGE%
    		%SUB-IMAGES%
    	</div>
    
    	<h3 class='catablog-title'>%TITLE-LINK%</h3>
    
    	<div class="catablog-description">
    		<p>%DESCRIPTION%</p>
    		<p> Price: $%PRICE%</p> 
    
    	</div>
    
    <form method='post' action='https://www.paypal.com/cgi-bin/webscr' target='_self'>
    	<input type='hidden' name='cmd' value='_cart'>
    	<input type='hidden' name='business' value='yourpaypalemail@email.com'>
    	<input type='hidden' name='item_name' value='%TITLE-TEXT%'>
    	<input type='hidden' name='item_number' value='%PRODUCT-CODE%'>
    	<input type='hidden' name='amount' value='%PRICE%'>
    <table>
    <tr>
    <td>
    <input type='hidden' name='on1' value='Color' maxlength='200'>Color</td>
    <td>
    <select name='os1'>
    <option value='Select a Color'>Select a Color
    <option value='Black'>Black
    <option value='Natural Tan'>Natural Tan
    <option value='British Tan'>British Tan
    <option value='Mahogany'>Mahogany
    <option value='Med. Brown'>Med. Brown
    <option value='Dark Brown'>Dark Brown
    <option value='Violet'>Violet
    <option value='Purple'>Purple
    <option value='Turquoise'>Turquoise
    <option value='Med. Blue'>Med. Blue
    <option value='Navy'>Navy
    <option value='Green'>Green
    <option value='Red'>Red
    <option value'Rose Pink'>Rose Pink
    
    </select>
    </tr>
    </table>
    
    	<input type='hidden' name='shipping' value='0.00'>
    	<input type='hidden' name='currency_code' value='USD'>
    	<input type='hidden' name='return' value='http://yourthankyoupage'>
    	<input type='hidden' name='quantity' value='1'>
    	<input type='hidden' name='add' value='1'>
    	<input type='image' src='http://images.paypal.com/en_US/i/btn/x-click-but22.gif' border='0' name='submit' width='87' height='23' alt='Add to Cart' >
    </form>
    </div>

    Edit your email, thank you page and if needed shipping... Click save

    Finally... Copy and paste this code into your store-color-size template.

    <div class='catablog-row %CATEGORY-SLUGS%'>
    	<div class="catablog-images-column">
    		%MAIN-IMAGE%
    		%SUB-IMAGES%
    	</div>
    
    	<h3 class='catablog-title'>%TITLE-LINK%</h3>
    
    	<div class="catablog-description">
    		<p>%DESCRIPTION%</p>
    		<p> Price: $%PRICE%</p> 
    
    	</div>
    
    <form method='post' action='https://www.paypal.com/cgi-bin/webscr' target='_self'>
    	<input type='hidden' name='cmd' value='_cart'>
    	<input type='hidden' name='business' value='yourpaypalemail@email.com'>
    	<input type='hidden' name='item_name' value='%TITLE-TEXT%'>
    	<input type='hidden' name='item_number' value='%PRODUCT-CODE%'>
    	<input type='hidden' name='amount' value='%PRICE%'>
    <table>
    <tr>
    <td>
    <input type='hidden' name='on0' value='Size'>Size</td>
    <td>
    <select name='os0'>
    <option value='Select a Size'>Select a Size
    <option value='Small'>Small
    <option value='Medium'>Medium
    <option value='Large'>Large
    <option value='X-large'>X-large
    </select></td>
    </tr>
    <tr>
    <td>
    <input type='hidden' name='on1' value='Color' maxlength='200'>Color</td>
    <td>
    <select name='os1'>
    <option value='Select a Color'>Select a Color
    <option value='Black'>Black
    <option value='Natural Tan'>Natural Tan
    <option value='British Tan'>British Tan
    <option value='Mahogany'>Mahogany
    <option value='Med. Brown'>Med. Brown
    <option value='Dark Brown'>Dark Brown
    <option value='Violet'>Violet
    <option value='Purple'>Purple
    <option value='Turquoise'>Turquoise
    <option value='Med. Blue'>Med. Blue
    <option value='Navy'>Navy
    <option value='Green'>Green
    <option value='Red'>Red
    <option value'Rose Pink'>Rose Pink
    
    </select>
    </tr>
    </table>
    
    	<input type='hidden' name='shipping' value='0.00'>
    	<input type='hidden' name='currency_code' value='USD'>
    	<input type='hidden' name='return' value='http://yourthankyoupage'>
    	<input type='hidden' name='quantity' value='1'>
    	<input type='hidden' name='add' value='1'>
    	<input type='image' src='http://images.paypal.com/en_US/i/btn/x-click-but22.gif' border='0' name='submit' width='87' height='23' alt='Add to Cart' >
    </form>
    </div>

    Again edit your pertinent info, change sizes, or colors, etc. Click save template.

    NOW comes the fun part.

    8. Go to pages and create a new page. I named this 'test store' because it's not live yet.

    Here is the exact code from my "test store page" Your gallery ID numbers will be different.

    <p style="text-align: left;">[catablog_gallery id="448" template="store-color-size"]</p>
    <p style="text-align: left;">[catablog_gallery id="447" template="store-color"]</p>
    <p style="text-align: left;">[catablog_gallery id="446" template="store-size"]</p>

    Click publish to save then View page. You should see your items from each of your "FS" galleries with the pertinent size and or color info, along with your price, description, title etc and the every present Paypal button. :-)

    If you want to have 2 columns be sure to follow Mbrsolution's tutorial for creating columns.

    Hope this helps some of you... and good luck.
    Sylvia

    https://wordpress.org/plugins/catablog/

  2. mbrsolution
    Member
    Posted 2 years ago #

    Hi Sylvia, great explanation :) I am sure someone will implement your idea.

    I might create a tutorial from the above and give you all the credit by adding your name and website URL.

    Since this is not an issue but merely a tutorial. Can you mark this support thread as resolved.

    Thank you kindly.

  3. sylviaivie
    Member
    Posted 2 years ago #

    That's fine. I thought I had marked it as "not a support question." I guess I didn't.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic