Tag Archives: modx

Treasurechest modx integration

TreasureChest is an easy to use eCommerce system for MODx CMS/F. It is a 100% MODx native shopping cart, product manager, inventory manager, shipping assistant, and sales tracking solution which uses PayPal Website Payments Standard for payment processing. Further Reading here Treasurechest

Step 1 Download Treasurechest

Please download TC using below link also read the installation guide its simple after download unzip and upload to your root directory of modx installation.

Download at TC site Download at MODX

Step 2 Install Treasurechest

Open your web browser and navigate to your MODx website url /install/ (e.g. http://www.yoursite.url/install/) and enter your MODx Manager credentials to authenticate and authorize the installation. Agree to the license then click the “Install” button. After installation is complete, log into the MODx Manager, you will see module treasurechest added.

2010-02-02_00041

Step 3 Create Cart Document

Create new resource (new page or document) name it cart or any name you like and follow the settings below i also set the paramater cart_template for cart layout chunk when you will click later on view cart you will see this chunk in action.

uncheck the searchable from the setting of resource or page, remember the id of the card or newly created resource it will be used in configuration of treasurechest in next step.

2010-02-02_0011

Step 4 Configure TreasureChest

To configure TC click on modules than on treasurechest you will see product manager and sales manager icons click on product manager on this page you will see list of products and paypal email configuration on top right corner find the Edit Configuration button and click on it. change the cart id field with your newly (cart) document id and save that’s it your cart is setup :)

2010-02-02_0022

Step 5 Create chunk for Cart

Remember i used the cart_template paramater in cart document snippet call in Step 3 now its time to create that chunk[!TreasureChest? &service=`cart` &cart_template=`tcCartItem`!]
Create new chunk name it tcCartItem and paste below code in chunk code field.

[+cart.item_name+] value="[+cart.quantity+]" size="3" maxlength="3" /> $[+cart.amount+] ea. Remove [+cart.option_name_0+] [+cart.option_value_0+] [+cart.option_name_1+] [+cart.option_value_1+]


2010-02-02_0031

Step 6 Create a product page

Create new resourse name it product_name fill the longtitle and summary field with some dummy data and paste below code in resource content field.
[!TreasureChest?&item=`1`!]

Product Details

[+introtext+]

[+treasure.image.thumb.thickbox+]
Item Name: [+treasure.item_name+]
Price: $[+treasure.amount+]
Shipping Cost: $[+treasure.shipping+]
[+treasure.add+]

Thant’s all your treasurechestcart is ready to go live :)

Unpacked treasurechest.js for modx

Got chance to work on modx treasurechest cart integration Thanks to scotty who built this usefull package but as read on modx forum so many people having trouble to integrate and customizing the TC mostly asking how they can change the view cart and empty cart buttons of TC (TreasureChest ) answer is they need unpacked treasurechest.js

on line 2188 replace this ‘ + cart_view + ‘ to your image path and replace this ‘ + cart_empty + ‘ for cart empty image path, That’s it ;)

Download Here