archive-com.com » COM » S » SHOPSITE.COM

Total: 858

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • ShopSite M-commerce Mobile Templates With Custom Templates
    you want the return to mobile site or return to PC site to be found I typically include this at the very bottom of the page just before the body tag I like to center this link as well SS MOBILE PC outputs View HTML Site or View Mobile SIte links Step 3 Enable Mobile in ShopSite In your ShopSite BackOffice go to Preferences Mobile and turn this feature on Specify any information you want such as building a top navigation menu specifying your logo graphic and selecting your colors Once you have configured mobile and saved your changes you go publish your store Utilities Publish Regenerate For more tips on setting up mobile you can refer to the mobile setup video tutorial Adding Your Mobile Logo With the ShopSite default mobile commerce templates if you specify a mobile header image that image will remain the exact size that you make it If you are using this option I would suggest creating a header image or logo graphic that is a max of 300 pixels wide and using that for your mobile company logo image The other option would be to create a company logo image that adjusts according to the browser size or screen orientation For example when a mobile commerce customer views your website holding their phone in the portrait position vertically the width of the screen is around 320 pixels When a customer holds their phone in the landscape position horizontally the screen width is closer to 500 pixels wide To have a mobile look where the company logo image adjusts to the browser size I would suggest making a company logo that is around 500 pixels wide then specifing to use that image with HTML in the mobile header field Also specify that the image width

    Original URL path: http://www.shopsite.com/templates/cookbook/global-mobile-commerce.shtml (2016-01-08)
    Open archived version from archive


  • Cross-sell Products on Pages and More Info Pages
    IF ELSE IF PRODUCT DisplayName IF CROSS SELL LINK PRODUCT Name ELSE PRODUCT Name END IF END IF IF PRODUCT DisplayPrice IF PRODUCT SaleOn PRODUCT SaleAmount ELSE PRODUCT Price END IF END IF IF AddImage ELSE AddText END IF END IF END DEFINE GLOBAL CROSS SELL DEFINE CART CROSS SELL IF PRODUCT Graphic IF PRODUCT DisplayName IF CROSS SELL LINK PRODUCT Name ELSE PRODUCT Name END IF END IF IF CROSS SELL LINK ELSE END IF IF PRODUCT DisplayPrice IF PRODUCT SaleOn PRODUCT SaleAmount ELSE PRODUCT Price END IF END IF IF AddImage ELSE AddText END IF ELSE IF PRODUCT DisplayName IF CROSS SELL LINK PRODUCT Name ELSE PRODUCT Name END IF END IF IF PRODUCT DisplayPrice IF PRODUCT SaleOn PRODUCT SaleAmount ELSE PRODUCT Price END IF END IF IF AddImage ELSE AddText END IF END IF END DEFINE CART CROSS SELL 2 Add Global Cross Sell Tags To Cart WIthin the DEFINE ShoppingCart section of your shopping cart template you will want to add the code below where you want the global cross sell items to appear IF Global Cross Sell STORE GlobalCrossSellHeader LOOP GLOBAL Cross Sell GLOBAL CROSS SELL END LOOP Global Cross Sell END IF 3 Add Product Cross Sell Tags To Cart WIthin the DEFINE ShoppingCart section of your shopping cart template you will want to add the code below where you want the per product cross sell items to appear IF Cart Cross Sell STORE CartCrossSellHeader LOOP Cart Cross Sell CART CROSS SELL END LOOP Cart Cross Sell END IF 4 Add Product Cross Sell Define To Product Template Between an END DEFINE tag and a DEFINE tag in your product template add the following code DEFINE PRODUCT CROSS SELL INCLUDE BasicPage CrossSellDefine sst PROCESS END DEFINE PRODUCT CROSS SELL 5 Add Global Cross Sell

    Original URL path: http://www.shopsite.com/templates/cookbook/global-crosssell.shtml (2016-01-08)
    Open archived version from archive

  • Work-A-Round for Breadcrumbs in ShopSite
    put dynamic breadcrumbs on your store pages However you can include tags in your templates to place breadcrumbs on your pages which will be static breadcrumbs It will not matter how the customer actually got to specific pages the breadcrumbs will be the same For example if you could get to the Dur Street Shoes product page by either of the following methods Home Dur Dur Street Shoes Home Shoes Dur Street Shoes The more information page for those shoes will only show one of those paths If you are fine with this setup for breadcrumbs then you can go through the following steps to place breadcrumbs on your store pages Add the following tags to all of your page templates just below the DEFINE PAGE tag VAR PageName PAGE Name VAR FileName PAGE FileName Also in your page templates add the following code where you want the breadcrumbs to appear a href MyStoreURL STORE Home a a href OUTPUT DIRECTORY URL PAGE FileName PAGE Name a Next add the following code into your product more information page templates where you would like the breadcrumbs to appear a href MyStoreURL STORE Home a IF VAR FileName a href OUTPUT DIRECTORY

    Original URL path: http://www.shopsite.com/templates/cookbook/tips-breadcrumbs.shtml (2016-01-08)
    Open archived version from archive

  • Responsive Design Overview Within ShopSite
    template meta name viewport content width device width initial scale 1 0 Code in Percentages When you know the width of a website you can say exactly how many pixels something will take up In responsive design the width of the website changes with every device so nearly all aspects of the website need to be coded in percentages rather than pixels You can use max widths and min widths so that your layout doesn t get too large or too small For example I typically set my container to div container width 96 max width 1100px margin 0px auto padding 0px This also applies to images DO NOT add pixel dimensions to images Instead in your CSS file add the following img max width 100 If you are setting up a responsive design custom template for your ShopSite store for the product images you can t just use the regular product tags PRODUCT Graphic and PRODUCT MoreInformationGraphic because those tags include the pixel dimensions for the image Instead you will want to add parameters into your product graphic tags so that only the image src and alt text is displayed no dimensions will be included in the image tag PRODUCT Graphic ONLY ALT TAG PRODUCT MoreInformationGraphic ONLY ALT TAG Coding in percentages should be carried out through most elements For example you will want your margins to be in percentages and any floating elements should be percentages Using Media Queries Media queries are how you can have your page change shape as the browser width decreases You can setup many media queries but the main two that I emphasize in my CSS files are widths with a max of 751px and widths with a max of 500px Media queries can be included directly into your CSS files typically at

    Original URL path: http://www.shopsite.com/templates/cookbook/global-responsive-design.shtml (2016-01-08)
    Open archived version from archive

  • Product Customer Entry Text field Divided up on Store Pages
    all three levels of ShopSite under Products Edit Product Info Once the customer text entry field is enabled for a product you will modify your custom template so that by enabling that one field three fields are displayed on your store pages All three of these fields will pass their contents to the one field listed in the cart Below is an example of using this option and what it will look like in the cart Custom Text Entry Example 1 for version 11 and earlier Line 1 Line 2 Line 3 The second option is to use make shift ordering options and have those make shift ordering options stay in the cart by making it so that customers cannot change them once they are added to the cart This option is only available in ShopSite Pro but it gives you more control over the look of the options in the cart Below is an example of this method with an image showing what it looks like in the cart Custom Text Entry Example 2 for version 11 and earlier Line 1 Line 2 Line 3 Custom Text Entry Example 1 for version 11 and earlier In your custom template replace the add to cart form with the form below Assign your custom template to your product and turn on your product s custom text entry field Products Edit Product Info form action SHOPPING CART URL BASE order cgi method post input type hidden name storeid value STORE ID input type hidden name dbname value products input type hidden name function value add input type hidden name itemnum value PRODUCT RecordNumber Line 1 input name PRODUCT RecordNumber freeopt type text id PRODUCT RecordNumber freeopt value here is line 1 size 15 br Line 2 input name PRODUCT RecordNumber freeopt type

    Original URL path: http://www.shopsite.com/templates/cookbook/product16-textentryfielddivided.shtml (2016-01-08)
    Open archived version from archive

  • Creating a Multi-Product Add to Cart Button
    work together and must be used together Here are simple page and product templates with comments to illustrate the structure required You can copy and paste each one into a file and upload them to your store to see how they work After uploading the templates you must assign pages and products to use these templates Note that the tag that makes this all work is the opening FORM tag that calls the shopping cart CGI with the post method In order for this to work you must use custom templates for both the page and products Page Template DEFINE PAGE DOCTYPE HTML html head PAGE Name head body PAGE Name Start the Form This custom template tag is very important Display Add to Cart and View Cart Buttons Display the Products The Products must us a special Template also LOOP PRODUCTS PRODUCT END LOOP PRODUCTS Display the Add to Cart and View Cart Buttons again End the FORM body html END DEFINE PAGE DEFINE LINK TO PAGE PAGE LinkGraphic IF PAGE LinkName PAGE LinkName ELSE PAGE Name END IF END DEFINE LINK TO PAGE Product Template DEFINE PRODUCT PRODUCT Name PRODUCT Price Quantity Product ProductDescription Generate the Ordering Option Menus IF PRODUCT DisplayOrderingOptions PRODUCT OptionText ORDER OPTION MENU LINE END IF END DEFINE PRODUCT Advanced You can hard code the name of the product template into the PRODUCT tag This will make it so that all products assign to this page will use that specific product template on this page ShopSite will not use the product template that product has listed under Products Edit Product Layout it will use the one you have listed in the PRODUCT tag For example if you want all products assigned to your page to use the DefaultCustomProductTemplate the PRODUCT tag would look like

    Original URL path: http://www.shopsite.com/templates/cookbook/tips-multiaddtocart-page.shtml (2016-01-08)
    Open archived version from archive

  • Create Custom Templates
    Product template to be used in conjunction with your Search template The search page like regular pages within ShopSite has a name field text fields a graphic field and so on You would add the tags for these fields in your search template the same way you add the tags for these fields in your page template For the rest of the search results page including the page and product results and the advanced search field you can continue on to the next few pages Create a Custom Search Results Template Shopping Cart Custom Templates To quickly and easily create a custom shopping cart template take the basic layout that you would like for your shopping cart page including the header and footer then follow the steps outlined on the following pages pasting the code found there into your custom layout Create A Custom Shopping Cart Template Gift Certificate Custom Templates To quickly and easily create a custom gift certificate template take the basic layout that you would like for your gift certificate page including the header and footer then follow the steps outlined on the following pages pasting the code found there into your custom layout Create A Custom

    Original URL path: http://www.shopsite.com/templates/cookbook/main-other.shtml (2016-01-08)
    Open archived version from archive

  • Search Template
    template controls the page wide settings but other templates can affect the appearance of links and product listings The search settings allow you to set an override search results product and page link template to keep a consistent look on your search pages When designing a search template it may be a good idea to design an accompanying Page template with a Link To Page definition and a Product template to be used in conjunction with your Search template The search page like regular pages within ShopSite has a name field text fields a graphic field and so on You would add the tags for these fields in your search template the same way you add the tags for these fields in your page template You can refer to the following page template examples for instructions on how to add many search fields onto the search result pages Page Name Page Header and Footer Page Graphic Page Text Fields At the very beginning of your search template you need to add the tag DEFINE SEARCH RESULTS and at the very end of your search template you would need to include the tag END DEFINE SEARCH RESULTS For the rest of

    Original URL path: http://www.shopsite.com/templates/cookbook/main-search.shtml (2016-01-08)
    Open archived version from archive



  •