April 17

Customize The Look Of 1ShoppingCart

0  comments

Objective: To customize the look of your shopping cart so that it better matches your website.

  • STEP 1: Log into your account

  • STEP 2: Navigate to Setup > Cart Look & Feel

customize1sc1

  • STEP 3: Customize Cart

There are several options you can use to customize your cart. You can pick and choose which of these options you wish to use as shown below.

customize1sc2 

customize1sc3

You Options Include:

    1. Background Color: The Background color of your cart checkout area

    2. Accent Color: The color of the row(s) in your cart area

    3. Font Color: The font color for the main part of your cart

    4. Font Family: The type of font for the main part of your cart

    5. Upload Company Logo: Select a custom header graphic from your computer to use, if you wish.

    6. Logo Width: The width you wish your logo to be. Leave blank if you want the system to self-adjust it for you. Recommended size: no more than 750 pixels wide.

    7. Logo Height: The height you wish your logo to be. Leave blank if you want the system to self-adjust it for you.

    8. Display Company Name: Selecting this will allow your company name to appear when the page cannot display your custom logo.

    9. Custom Background Color: If you have a custom image that you would like for the background instead of a solid color (from “A”), you can upload it here.

  • Once you have made your selections, hit Save Changes.

  • STEP 4: Preview Cart

  • Click the link that says “Click Here to Preview Cart” to view your changes.

customize1sc4

Below is a preview of what your cart will look like.

customize1sc5

  • STEP 5: Navigate to Setup Cart Customization

customize1sc6

This is where you can customize the wording of your shopping cart. You can select as many or as few as you like. HTML and CSS is allowed but Java script is not.

  • STEP 6: Enter Custom Details

  • Enter System Hosted Template Details

Changes made here are System Wide so they will show on all system pages

    • Template Top and Bottom: These will show at the top and bottom of your shopping cart.

  • Enter Cart Contents Page Template Details

    • Cart Contents Header and Footer: These will show at the top and bottom of your shopping cart, directly below your logo.

customize1sc7

  • Enter Checkout Page Template Details

    • Checkout Header and Footer: These will show at the top and bottom of your shopping cart, directly below your logo.

    • General Purpose Statement: This will show at the bottom of your shopping cart checkout pages, below the “Submit Order” button.

customize1sc8

  • Enter Unsubscribe Page Template Details

    • Unsubscribe Top and Bottom: These will show at the top and bottom of your mailing list page. The top will be located directly below your logo.

    • Order Receipt Email: TEXT ONLY! Content entered here will appear near the bottom of your order receipt email that your customers receive once they submit payment.

Click Save Page after you are finished.

customize1sc9


Tags

1ShoppingCart


You may also like

Force cPanel Password Reset

Force cPanel Password Reset
{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

Get in touch

Name*
Email*
Message
0 of 350