Customize Store

Dana Bialashewski

Hi: New to Convio. Can anyone point me to a tutorial, white paper or any kind of documentation on how to customize the default store look and feel. I want it to llok like this store:http://www.humanesociety.org/shop/. Do I do it in Pagebuilder? I know you can customize certain pages. I cannot find any documentation? Thanks in advance.

Noah Cooper

Dana,

The help file on eCommerce explains how to configure the store homepage, the catalog page, etc.

http://help.convio.net/site/PageServer?pagename=Admin_eCommerce_StoreManagement#Pages

If you're looking to change the look and feel of the homepage beyond what can be done there, like in the example page you linked to, you can certainly create your own page in PageBuilder or CMS and manually link to the eCommerce products (using the Links component in the WYSIWYG) you're featuring. The benefit of that approach is complete control over the layout of the page, but the downside is that the page has to be manually updated any time new products are added.

Dana Bialashewski

Noah Cooper:

Dana,

The help file on eCommerce explains how to configure the store homepage, the catalog page, etc.

http://help.convio.net/site/PageServer?pagename=Admin_eCommerce_StoreManagement#Pages

If you're looking to change the look and feel of the homepage beyond what can be done there, like in the example page you linked to, you can certainly create your own page in PageBuilder or CMS and manually link to the eCommerce products (using the Links component in the WYSIWYG) you're featuring. The benefit of that approach is complete control over the layout of the page, but the downside is that the page has to be manually updated any time new products are added.

Thanks for the reply. Is there any documentation on how to do this in pagebuilder? I have not been able to find any white papers, tutorials or anything else to explain how to do this. A little bit frustrating!

Noah Cooper

Dana Bialashewski:

Thanks for the reply. Is there any documentation on how to do this in pagebuilder? I have not been able to find any white papers, tutorials or anything else to explain how to do this. A little bit frustrating!

Dana,

I don't think there are any tutorials on this, since creating such a page should be no different than creating any other PageBuilder page -- you enter whatever content you wish, and insert the appropriate links as you see fit. What exactly are you looking for more information on?

Dana Bialashewski

Noah Cooper:

Dana,

I don't think there are any tutorials on this, since creating such a page should be no different than creating any other PageBuilder page -- you enter whatever content you wish, and insert the appropriate links as you see fit. What exactly are you looking for more information on?

Hi Noah: Basically I want to set the store up the same as the link example I posted. I think the store portion is embedded into the main content area. Is that done with the links you are referring to? Thanks.

Noah Cooper

Dana Bialashewski:

Hi Noah: Basically I want to set the store up the same as the link example I posted. I think the store portion is embedded into the main content area. Is that done with the links you are referring to? Thanks.

That's right. If you want the PageBuilder page to be exactly the same as http://www.humanesociety.org/shop/ except with links to your Convio Ecommerce products, just copy and paste all of the content and change out the links as needed.

Dana Bialashewski

Noah Cooper:

That's right. If you want the PageBuilder page to be exactly the same as http://www.humanesociety.org/shop/ except with links to your Convio Ecommerce products, just copy and paste all of the content and change out the links as needed.

Hi Noah: Actually they have changed there mind and want to mimic this site https://secure3.convio.net/hfhi/site/Ecommerce?store_id=1181. Is this done the same way? Thanks.

Noah Cooper

Dana Bialashewski:

Hi Noah: Actually they have changed there mind and want to mimic this site https://secure3.convio.net/hfhi/site/Ecommerce?store_id=1181. Is this done the same way? Thanks.

This page is a little different, as it includes "Add to Cart" buttons for each product so that they can be added from the homepage directly, rather than having the user click through to a secondary page and add the item to their cart from there. There's no way to insert those "Add to Cart" buttons using the WYSIWYG -- this page is definitely very custom. You can insert the "Add to Cart" buttons in HTML View like so:

<form name="ConfigureProduct" action="https://]]Ecommerce" method="post">
     <input type="hidden" name="store_id" value="1234" />
     <input type="hidden" name="product_id" value="5678" />
     <input type="hidden" name="quantity" value="1" />
     <input type="submit" name="ADD_CONFIG_TO_CART" value="Add to Cart" />
</form>

Where 1234 is your store's id, and 5678 is the specific product's id.

Dana Bialashewski

Noah Cooper:

This page is a little different, as it includes "Add to Cart" buttons for each product so that they can be added from the homepage directly, rather than having the user click through to a secondary page and add the item to their cart from there. There's no way to insert those "Add to Cart" buttons using the WYSIWYG -- this page is definitely very custom. You can insert the "Add to Cart" buttons in HTML View like so:

<form name="ConfigureProduct" action="https://]]Ecommerce" method="post">
     <input type="hidden" name="store_id" value="1234" />
     <input type="hidden" name="product_id" value="5678" />
     <input type="hidden" name="quantity" value="1" />
     <input type="submit" name="ADD_CONFIG_TO_CART" value="Add to Cart" />
</form>

Where 1234 is your store's id, and 5678 is the specific product's id.

Hi: So how would I get the main store page to show up on the main content area? Would I use the form method in the last post from you. Thanks.