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".
  • Page Templates in ShopSite
    by first uploading those files into the ShopSite Publish File section found under Merchandising Custom Templates Includes Upload A Publish File Then to link to those publish files use the regular store URL the publish directory then the name of the file Add File To ShopSite First you will want to go to Merchandising Custom Templates Includes and upload your file into the second section Publish Files Note You will want to retain the css ending on the file Link To File Within Templates You will need to link to this CSS file in all template types Pages link rel stylesheet type text css href OUTPUT DIRECTORY URL publish name of css file css Secure Pages link rel stylesheet type text css href STORE SC Secure Image URL publish name of css file css Note These CSS and JavaScripts files work the same as regular CSS files with 2 exceptions 1 they can use global ShopSite template tags such as STORE Color1 and STORE Font and 2 if a line starts with a pound sign then the whole line is commented out If you are setting CSS IDs you will want to put a space in front of the pound sign so that the pound sign is not the first thing on that row Header Footer IF STORE UseCompanyLogo STORE CompanyLink END IF IF STORE HeaderImage STORE HeaderLink END IF IF PAGE DisplayPageHeader HEADER END IF IF PAGE DisplayPageFooter FOOTER END IF Search Field Below is the code to add to your custom page template in order to place the ShopSite search field on your ShopSite generated page Text Graphics For every page in ShopSite merchants can choose to display the page name add a banner graphic and use up to 3 main text fields Add the code shown below in place of content goes here in your HTML IF PAGE DisplayGraphic IF PAGE Graphic PAGE Graphic ONLY ALT TAG END IF END IF IF PAGE DisplayName PAGE Name END IF IF PAGE Text1 PAGE Text1 END IF IF PAGE Text2 PAGE Text2 END IF IF PAGE Text3 PAGE Text3 END IF Loop Sub Pages Most websites have top and side navigation menus that are the same on all pages In the main content a page may have sub pages or sub categories to help shoppers drill down to what they are interested in For example if you click on shoes you will come to a shoes page which may list sandals high heels and sneakers as sub pages Add the code below where you would like the sub pages to appear Most often designers will put this code between the text fields 1 and 2 so that merchants can add text above the sub pages in text 1 and text below the sub page in text 2 IF PAGE NumLinks GT 0 VAR CountLinks 0 LOOP LINKS VAR CountLinks INC LINK IF VAR CountLinks EQ VAR MaxLink VAR CountLinks 0 END IF END LOOP LINKS END IF In addition

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


  • Advanced Tips
    take adavantage of the ShopSite template functionality The Advanced Tips section gives how to instruction on how to further customize your custom templates Product Tips Having a Larger Image Popup when an image is clicked on Displaying Subproducts in Pull Down Displaying Subproducts with Checkboxes Displaying Subproducts with Radio Buttons Displaying your Customer Text Entry Field on Store Pages Divided Customer Text Entry Field on Store Pages Using Variable Name Price and SKU in a Custom Template Page and Search Results Tips Custom Look and Feel Without a Custom Template Adding a Mini Cart to Your Custom Template Adding a Mini Cart to Your Store Pages not in a Template Multi Add To Cart Template for Products Assigned to a Page Quick Easy Custom Page Template Cross sell Products on Pages and More Info Pages Search Results in Columns Work a round for Breadcrumbs in ShopSite Products In Categories On A Page Cart and Checkout Tips Custom Shopping Cart without a Custom Template Quick Easy Custom Shopping Cart Template Add Terms Conditions To Your Checkout Process Packing Slip Template Registration and Certificate Tips Customer Registration JavaScript Quick Easy Custom Gift Certificate Template Trick for customizing customer registration screens Wish List

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

  • Template Tags By Version For ShopSite
    100 overflow hidden div carouselinner bx wrapper li min width 100 width 100 bx wrapper li max width 100 overflow visible padding 0px margin 0px text align left bx wrapper li div bx wrapper li div display inline block vertical align middle bx wrapper li div height 100 text align left bx wrapper li div slideright before bx wrapper li div slideleft before bx wrapper li div slidecenter before content display inline block vertical align middle height 100 div slideright width 40 text align left z index 5 position absolute margin 0px top 0px left 50 div slideleft width 40 text align left z index 5 position absolute margin 0px top 0px left 10 div slidecenter width 88 text align center z index 5 position absolute margin 0px top 0px left 6 bx wrapper li div slidesizedimage width 100 overflow visible max width 100 padding 0px margin 0px bx wrapper li div slidesizedimage a bx wrapper li div slidesizedimage span display block padding 0px margin 0px bx wrapper li div slidesizedimage img width 100 max width 100 position relative padding 0px margin 0px display block span slidetitle display block div slideright span slidetitle div slideleft span slidetitle font size 140 div slidecenter span slidetitle font size 200 div slidecontents padding 40px 0px margin 0px bx wrapper li div slidedesc display block max width 100 overflow hidden white space wrap margin 0px padding 10px 0px 20px 0px font size 100 bx wrapper a abutton text transform uppercase padding 12px 16px font size 100 bx wrapper a abutton hover opacity 0 8 filter opacity 80 More Information Zoom The new product image zoom feature works with the existing product multi image feature on the more information page As long as your MORE INFO PAGE section of your product template contains the MoreInfoImageRow tag then your template will support the new image zoom feature If you would like more control over the zoom feature or even implement your own image display feature using ShopSite s image fields you can start with the product image zoom HTML code below and modify it to fit your needs Much like the carousel feature the product zoom feature uses FOR and VAR tags to loop through all extra product image fields IF Store ImageZoom script type text javascript document ready function jqzoom jqzoom zoomType standard lens true preloadImages false zoomType innerzoom alwaysOn false title false script div class clearfix id bb zoomcontain div class clearfix id bb mizoom a href Product MoreInformationGraphic SS SIZE0 URL ONLY class jqzoom rel bb zoom title IF Product MoreInformationGraphicDesc Product MoreInformationGraphicDesc ELSE PRODUCT Name REMOVE HTML END IF img src Product MoreInformationGraphic SS SIZE1 URL ONLY title IF Product MoreInformationGraphicDesc Product MoreInformationGraphicDesc ELSE PRODUCT Name REMOVE HTML END IF alt IF Product MoreInformationGraphicDesc Product MoreInformationGraphicDesc ELSE PRODUCT Name REMOVE HTML END IF id bb miimage a div VAR AdditionalImages 0 FOR VAR I 1 20 IF PRODUCT MoreInfoImage VAR I VAR AdditionalImages INC END IF END FOR IF VAR AdditionalImages GT 0 div class clearfix ul class clearfix id bb zoomthumb li a class zoomThumbActive href javascript void 0 rel gallery bb zoom smallimage PRODUCT MoreInformationGraphic SS SIZE1 URL ONLY largeimage PRODUCT MoreInformationGraphic SS SIZE0 URL ONLY Product MoreInformationGraphic SS SIZE3 ONLY ALT TAG a li FOR VAR I 1 20 IF PRODUCT MoreInfoImage VAR I li a href javascript void 0 rel gallery bb zoom smallimage Product MoreInfoImage VAR I SS SIZE1 URL ONLY largeimage Product MoreInfoImage VAR I SS SIZE0 URL ONLY Product MoreInfoImage VAR I SS SIZE3 ONLY ALT TAG a li END IF END FOR ul div END IF div ELSE MoreInfoImageRow END IF New Product Tags PRODUCT Video PRODUCT ShippingDetails PRODUCT Returns PRODUCT Warranty PRODUCT Specifications PRODUCT Materials PRODUCT OneLineAd PRODUCT HowToUse IF PRODUCT SizeFitRadio EQ I or T END IF PRODUCT SizeFitImage PRODUCT SizeFitText PRODUCT AsSeenInImage Product SavedAmount will give you the difference between the product price and the sale amount New Store Text Fields STORE Video STORE ShippingDetails STORE Returns STORE Warranty STORE Specifications STORE Materials STORE OneLineAd STORE HowToUse STORE SizeFitGuide STORE AsSeenIn STORE LoveThis STORE PaymentMethodsAccepted STORE Newsletter STORE OopsOptions Store Wide Tags STORE OutputSecureURL does the same thing as STORE SC Secure Image URL Abandon Cart Pop Up To quickly add the new Abandon Cart feature to a custom shopping cart template just add SC EMAIL LIGHTBOX within the body of the shopping cart screen Version 12 Added Template Tags Wish List Template ShopSite v12 has a built in wishlist feature In order to use this feature with custom templates you would need to 1 add the IF WishList WishList END IF tags into your product template where you want the Add To Wishlist link to appear this cannot be inside the product add to cart form 2 Add the wish list CSS provided at the link below to your custom template CSS file Last 3 create your own custom wish list template wish all necessary defines The link below provides more detailed information about all three of these steps Wishlist Enhancement tied to Customer Registration Packing Slip Template ShopSite V12 now gives merchants designers the ability to fully customize the packing slip viewable in the back office of ShopSite by the merchant You can copy create or upload your custom packing slip template by going to Merchandising Custom Templates Advanced and using the Order Templates section The packing slip template is comprised of 4 DEFINEs The first is DEFINE OM SHIPPACK VIEW which is what is displayed when you go to the Orders screen in the back office of ShopSite then click on View Packing Slip The second DEFINE is DEFINE OM ORDER PRODUCT which lets you control what the products that were ordered loop like These products will be looped in the first define and displayed on your View Packing Slip screen The third DEFINE is DEFINE OM ORDER COUPON which controls the look of coupons that are part of an order Coupons and products will be looped in

    Original URL path: http://www.shopsite.com/templates/cookbook/tags-by-version.html (2016-01-08)
    Open archived version from archive

  • Website Improvement Articles
    improve the look of the website quickly no graphic artist needed This article shows examples of web safe fonts to choose as well as gives information on how to add custom or Google fonts to your website How To Code Responsive Design Responsive design simply means that the code and page layout responds to the browser width This allows websites to have different layouts depending on the type of device desktop tablet mobile that their customers are using Read this article to learn the basics of coding with responsive design Mobile Quirks Have you noticed how android and iOS have their own quirks when it comes to displaying websites We ve addressed some of those quirks below to give you tips on how to overcome them Mobile CGI If possible to setup your website using a responsive design template that is definitely the way to go If you don t have the money time or resources to setup responsive design coding the Mobile CGI feature built in ShopSite is the next best thing Read through some tips on setting it up for your store Home Page Layout Carousel Do s and Don ts The carousel feature in your ShopSite store

    Original URL path: http://www.shopsite.com/templates/cookbook/website-improvements.html (2016-01-08)
    Open archived version from archive

  • ShopSite Built-in Bootstrap Based Habits Template
    Background Color background color Link Color link color and button color Visited Link Color hover color for links and buttons Active Link Color background color for the top navigation flyout menu Table Shade Color accent color in shopping cart Background Image background image Color 1 top bar above header Color 2 top bar link text color and navigation border color Color 3 navigation background color Color 4 footer background color

    Original URL path: http://www.shopsite.com/templates/cookbook/builtintemplates-bootstrap-habits.html (2016-01-08)
    Open archived version from archive

  • ShopSite Built-in Sector Template
    color Color 2 borders throughout the site Color 3 sale price color Color 4 part of gradient on buttons Color 5 must be 000015 Do not change this color It controls which CSS file is used for the theme How Layout Settings Screen Elements Are Used Header Area The logo or store name will be on the far left of the header followed by the header field navigation wish list link and search The mini cart is on the right side of the header area Below Header The Header Image will appear below the header above the main content on the page Side Navigation Menus If right page links only are enabled Text A and Image 1 will be above the right links Text B and Image 2 will be below the right links If left links only are enabled Text B and Image 2 will appear above the left links and Text A and Image 1 will appear below the left links If both the left and right navigation menus are enabled Text A and Image 1 will appear below the left navigation menu Text B and Image 2 will appear below the right navigation menu Footer The first row of the footer starts with the newsletter sign up then is followed by the footer links and the payment icons will appear on the right The second row of the footer contains social media links The third row of the footer contains the regular store footer If no side navigation menus are enabled Text A Text B Image 1 and Image 2 will be in the footer on their own row All Templates Using the Big Beefy BB Template Files This theme uses the BB Template files These files are used by many other themes The templates check the

    Original URL path: http://www.shopsite.com/templates/cookbook/builtintemplates-bb-sector.html (2016-01-08)
    Open archived version from archive

  • ShopSite Built-in Delicate Template
    Used Header Area The logo or store name will be on the far left of the header followed by the header field The navigation wish list link and search are on the right side of the header area Side Navigation Menus If right page links only are enabled Text A and Image 1 will be above the right links Text B and Image 2 will be below the right links If left links only are enabled Text B and Image 2 will appear above the left links and Text A and Image 1 will appear below the left links If both the left and right navigation menus are enabled Text A and Image 1 will appear below the left navigation menu Text B and Image 2 will appear below the right navigation menu Footer The first row of the footer starts with the newsletter sign up then is followed by the footer links and the payment icons will appear on the right The second row of the footer contains social media links The third row of the footer contains the regular store footer If no side navigation menus are enabled Text A Text B Image 1 and Image 2 will

    Original URL path: http://www.shopsite.com/templates/cookbook/builtintemplates-bb-delicate.html (2016-01-08)
    Open archived version from archive

  • ShopSite Built-in Familiar Template
    background image Color 1 accent color Color 2 borders throughout the site Color 3 sale price color Color 4 part of gradient on buttons Color 5 Do not change this color It controls which CSS file is used for the theme All Templates Using the Big Beefy BB Template Files This theme uses the BB Template files These files are used by many other themes The templates check the store

    Original URL path: http://www.shopsite.com/templates/cookbook/builtintemplates-bb-familiar.html (2016-01-08)
    Open archived version from archive



  •