No announcement yet.

Background & Shipping Cart

  • Filter
  • Time
  • Show
Clear All
new posts

  • Background & Shipping Cart

    I am new to 3dCart and I am dilligently trying to figure out the web design aspect. I can't for the life of me figure out how to add a background image, or to get rid of the shopping cart on the free templates. I want to have my customers click on a link that takes them to view their cart. I don't want that shopping cart feature to show up in the right or left navigation bars. I can't figure out how to get rid of it though with out messing up the actual view cart page.

    1. How do I add a background image to the free templates? (I know how to do a color, but not a image).

    2. How do I get rid of the mini cart feature?

    Any help would be greatly appreciated.

    Thank you!

  • #2

    Start with whatever template you are using and access it via ftp:
    web >> assets >> templates >> layout# >> frame.html
    web >> assets >> templates >> layout# >> css >> layout#_colors.css

    These are the files you'll need to edit.

    1.) You can change the background image of your website in the CSS file.
    background-image: url(image location);
    2.) You can disable the mini-cart by commenting it out in the HTML file.
    <!-- anything between brackets like this is commented out -->
    If you try to 
    comment out a whole section, be aware that the comment will end 
    <!-- at the first "end comment" backet ---> 
    and will leave the rest of the text exposed regardless 
    of there being another end bracket later 
    Do a search on "HTML comments" and "CSS background-image" to learn more.
    Webmaster: Texas Media Systems


    • #3
      Thanks for your help. I got the background image working.

      I can't see how commenting out the mini cart will work bases on what you said about the brackets.


      • #4
        Background image

        I cannot tell you how long I have tried to get this working.

        I followed rules of the post and only manage to get rid of the original background.

        I know it is something stupid, like a missing (.) or something like that but it is truly frustrating when it doesn't work.

        In my CSS folder I have two items

        Which one do I change?
        I assume the modified and if so that didn't work either.

        If anyone could post the proper coding to this I would appreciate it immensely.

        Helen g.


        • #5
          Nevermind, I FINALLY got it!:D