Knowledgebase : Site Design
Most of your site's colors and styles will be controlled by the Theme's respective Cascading Style Sheet (CSS) To modify your site's current style sheet, use the following steps: From your online Store Manager, * Go to SETTINGS ->DESIGN ->THE...
In a previous article, located HERE [https://support.3dcart.com/3dcart/Knowledgebase/Article/View/66], we briefly mentioned that 3dcart accounts come equipped with a shared SSL certificate that can be used for your site's secure transactions. As an a...
Your 3dcart store's templates are 100% customizable, which allows you to have a great amount of creative control over how to edit your site's look and feel. Although a strong working knowledge of HTML coding is favorable for advanced modifications,...
Your 3dcart theme - the coloring scheme and basic look and feel - is dictated by both the frame.html page template and your theme folder's Cascading Style Sheet (CSS) file. Generally speaking, the frame.html acts as the blueprint for the layout of el...
One of the option selectors that you can use for your product listings is called "DROPIMAGE [https://support.3dcart.com/Knowledgebase/Article/View/465]" and it lets you specify small images for each option that _change_ as the option is selected. Lik...
To change your site's Theme, from your 3dcart Online Store Manager: Go to SETTINGS ->DESIGN ->THEMES & STYLES You will see all of the various themes that are available for your store. To install a theme, simply click on it to open up its respecti...
While we do our best to ensure the system generated emails have as much applicable information as possible, you may need to edit the email templates to suit your specific needs. Perhaps you'd like to change the layout of the emails, or maybe you'd ju...
ORDER'S EMAILS The 3dcart system generates automatic emails which are sent to your shoppers when an order is placed and when the order is updated into a different status. These email templates can be edited from your Online Store Manager's SETTING...
A common way to prevent your site images from being used without your permission is to limit the ability of someone saving the image to their desktop. A popular way of doing this is to restrict "right-click" on your pages. This prevents site visitors...
This error is given by Internet Explorer when you are entering a site in secure HTTPS mode, but the page you are viewing contains one or more images, JavaScript files and/or style sheets that are being pulled from a non-secure location. For example...
In the Site Content section, you create and/or edit content pages. Content pages, are all other pages on the website not related to products and categories, such as main menu pages like Home, About Us, Contact Us and additional content pages such as ...
Some merchants have multiple sites on 3dcart that share the same themes. In other cases, we have some 3dcart Merchants who develop their sites design on a developer account with the intent of transferring the design over to their live store when they...
A favicon is a simple graphic icon that can be added to any website and will display on the tabs and title bars of most browsers when viewing the site. Favicons will also display on visitor's bookmarks and browser history listings and help your site ...
The majority of 3dcart templates will utilize a background image combined with a solid color in order to achieve a specific look and feel. For example, in the following image we notice that the template's style contains a honeycomb pattern which fade...
To create a custom landing page to your store, simply create your own custom HTML page using the editor of your choice, and save the file as "default.htm" (no quotes). After you've created your landing page, connect to your account via FTP, and upl...
If you would like to add a flash movie to your website, this article will show you how to do so. The first thing you must do is upload the flash *.swf file to your website. This must be done through your store's FTP [https://support.3dcart.com/Knowle...
If your site is live to the public and you would like to make design/functional changes to the store without having your customers see the process (or possibly have your changes interfere with their shopping experience) you can temporarily close the ...
On any website - when a visitor tries to access a page which does not exist - they will generally get what's known as a 404 error. This is typically a standard error message which tells the visitor that the page "could not be found." On your 3dcart...
By default, the "Buy" or "Add to Cart" button underneath each product on CATEGORY pages will automatically add the product to the customer's shopping cart. It will follow whatever "Add to Cart Action" you have set up in the General Store Settings are...
There are two ways to add a manufacturer logo to the product listing page: * The logo/image can be inserted into the product description. This is done in the PRODUCTS =>PRODUCT LIST page. Click Edit next to the product, then enter the logo into t...
Many simple design changes can be accomplished through the your design theme's Cascading Style Sheet (CSS) file. 3dcart's Support department cannot and will not assist with CSS design changes or coding of any kind but information and tutorials on C...
In your 3dcart Online Store Manager, you can set the default sizing for product images that your store will use. This helps in making your image files conform to a specific parameter and give you some uniformity as to how your products are displayed....
The 3dcart Online Store Manager, Quick Design Bar is a front-end design toolbar that allows store administrators to easily change between templates and hide or unhide elements. You can also add products and categories, and much more. The built-in "Dr...
Check for the following: * The Admin Design bar will _only_ work if you are actually logged into your Online Store Manager. Therefore, make sure the URL you are viewing your store in _is the_ _same _as the URL you are logged into for the admin. I...
3dcart allows you to freely edit your site design templates. While we always recommend making proper backups of your files _before_ applying any edits, sometimes this step may go forgotten and you will need to revert to an original version of the tem...
CHECK YOUR INVENTORY CONTROL SETTINGS. With the Quick Design bar, you are able to add products to your store on the fly. However, in some cases, after adding a product, the store may give you an error similar to the following: "_The item could not...
The admin design bar is enabled through a simple permission set at the login level, so if you'd like to disable it, please do the following: * Go to SETTINGS ->GENERAL ->ADMINISTRATOR ACCESS. * Find the login profile you'd like to edit and clic...
By default, 3dcart stores will include a copyright section along the bottom of your site that will list your "_All rights reserved_" notification, as well as a link showcasing that your store uses eCommerce website design by 3dcart. We're very prou...
This article will help you modify the add to cart buttons on your homepage so they always lead a customer to the product page, rather than the View Cart page: Find the following section in the home.html template TIP: The home page template can b...
FINDING/EDITING CSS STYLES Certain design elements like font and area color can be edited within the site's cascading style sheet (CSS) . However, it can be difficult to locate which style _specifically_ needs to be edited in order to change a parti...
With 3dcart, you have the option of allowing product sorting based on several parameters. These sortimg options can be displayed on your store's category, browse by manufacturer, and browse by prices pages. When arriving to these pages, the store wil...
If your business sells age restricted products, you may want to add a simple popup to your home page that specifically asks users if they are of a certain age. If so, there are many javascript and jquery scripts that can be used for this purpose. F...
* TURNING ON WYSIWYG * WHERE DO I FIND WYSIWYG? * WYSIWYG FUNCTIONS When editing content, it is important to lean how to use the WYSIWYG (what you see is what you get) editor. WYSIWYG mode allows you to edit, change, and add content to your we...
* WYSIWYG MODE * TITLES & CONTENT * SYSTEM MESSAGES * STORE LANGUAGE This article will show you how to manage content on your online store. Content can be created and customized on your home page, category pages, checkout pages, contact page...
* EDITING YOUR HTML TEMPLATES * TEMPLATE STRUCTURE * CSS FILE * DESIGN DOCS This article will show you how to manage content on your online store. Content can be created and customized on your home page, category pages, checkout pages, conta...
* ADD AN EXTRA PAGE * ADD A MENU LINK * EDIT CONTENT Here, we will cover how to add new web pages to your online store. This will be done in the store's "Site Content" section and you'll have the ability to add both Menu Links (which usually ...
When you first open up your 3dcart store, we add some placeholder text into the Store Name and Store Slogan areas so you can see where they will appear on your chosen theme. To change these headings to your own Store Name/Slogan, use the following ...
Most of the 3dcart themes will allow you to display a "browse by price" area of the store. This feature allows your customers to search for products by price range. The price groups (browse by price) feature can be modified to fit your needs. This ...
For SEO purposes, ALT tags are basically the text that search engines use to recognize, and rank your store's images. A question we get often is in regards to adding and editing ALT tags for product images. Fortunately, your 3dcart store automati...
* CUSTOM FILE NAME FOR PRODUCT PAGES * CUSTOM FILE NAME FOR CATEGORY PAGES * CUSTOM FILE NAME FOR EXTRA PAGES * CUSTOM FILE NAME FOR BLOG CATEGORY PAGES * CUSTOM FILE NAME FOR BLOG ARTICLE PAGES INTRODUCTION The custom file name feature ...
DESIGN BASICS Your 3dcart store's templates and themes can be customized in many ways. While we make every attempt to make customization as easy as possible; some design changes will require at the very least a basic grasp of HTML and coding knowled...
The "outofstock_block" feature is intended to allow merchants to automatically display a robust and HTML-rich message to their shoppers when the item's stock level reaches 0. NOTE: This new feature is not to be confused with the custom "Stock Mess...
Creating online forms can be difficult for some merchants due to the amount of HTML coding needed to get the form to function correctly. Fortunately, by using Google Drive (formerly known as Google Docs) you now have a way that allows you to easily...
The FRAME_CATEGORY_X code block provides you the ability to separate main categories into groups whereby they can be displayed in different locations of the store's frame.html. The process itself requires manually adding special blocks of HTML (_FRAM...
When creating or otherwise editing Extra Pages or Menu Links in your store's "SITE CONTENT [https://support.3dcart.com/Knowledgebase/Article/View/51]" area, you may notice that there is a drop down menu labeled "Frame Template." The basic functiona...
Many of your cart's functions and flashy effects are made possible by a collection of JavaScript elements contained in a multi-browser library called jQuery. The jQuery library updates quite often and some site designers may struggle to alter their...
Your 3dcart Themes and templates can be fully customized by 3dcart Merchants in order to achieve a certain look and feel.. Because of this, it's usually a good idea to keep a local and backed up copy of your theme folder on your local computer. Thi...
Learn how to add a Home Page Slider (Carousel) to your store. You can add up to 6 images to the slider which displays automatically on your store's home page. The Home Page Slider module can then be used to advertise different aspects of your store...
With the introduction of HTML5 and CSS3, we now have the ability to offer Responsive Design! ------------------------- WHAT IS RESPONSIVE DESIGN? RESPONSIVE DESIGN is an exciting web page design format that _automatically_ conforms and resizes its...
Problem Your store's "Subscribe to Our Newsletter" function generates a 403 error message when users try to subscribe/unsubscribe Solution Your subscription form's submit button needs to be changed to include your store's _absolute_ and HTTPS pat...
There are two basic ways of adding your business logo to your 3dcart store METHOD 1 Using the Store Logo section * Log into your 3dcart Online Store Manager * Using the left hand navigaiton menu, go to SETTINGS ->GENERAL ->STORE SETTINGS. L...
On the HTML5 themes, you will notice certain aesthetic changes. One of these changes is in regard to the way radio button options on displayed on product pages. Instead of the standard circular radio button, radio options are now contained in a col...
PRODUCT IMAGE TIPS 3dart gives you the ability to easily add product images to your online store. And, with the built-in 3dZoom and Image Gallery features enabled, you can further improve your shopper's sensory experience. This is important becaus...
Global HTML template and scripting files (which are used by all 3dcart stores) are contained within either your store's "common" folder or "common-html5" folder (if you are using HTML5 themes). A question we get often is in reference to adding file...
In a PREVIOUS ARTICLE [https://support.3dcart.com/Knowledgebase/Article/view/6], we outlined where you can go to review and edit the HTML (or text) templates that are used for your various store email messages. Within these next articles, we'll pro...
GLOBAL VARIABLES First, let's go over the global variables. These are variables that will work on any email template and insert information specific to your store. These are: GLOBAL VARIABLES * [STORE_URL] * [INVOICELOGO] * [STORE_NAME] ...
AFFILIATE EMAILS If using your store's built-in AFFILIATE PROGRAM [https://support.3dcart.com/Knowledgebase/Article/View/416] the following email template variables will come into play. Each of these emails will be sent to either the store merchant,...
CUSTOMERS EMAILS The following variables will be found in the various customer emails sent from the store. These include registration, password reset and CRM notification emails. The email templates listed below do not include order emails since tho...
GIFT REGISTRY EMAILS If using the store's built-in GIFT REGISTRY [https://support.3dcart.com/Knowledgebase/Article/View/199] feature, the following email templates and variables will come into play. These are both "customer facing" templates in that...
ORDERS EMAILS When orders are created, moved into their respective STATUS QUEUES [https://support.3dcart.com/Knowledgebase/Article/View/165], or canceled, the store will generate emails based on the following templates and variables. TIP In the v...
PRODUCTS EMAILS These email template variables will come into play for various product related messages including DAILY DEAL [https://support.3dcart.com/Knowledgebase/Article/View/316] & GROUP DEALS [https://support.3dcart.com/Knowledgebase/Article/...
RMA EMAILS If using the store's built-in RETURN MERCHANDISE AUTHORIZATION [https://support.3dcart.com/Knowledgebase/Article/View/420] feature, these email templates and variables will be used. These include emails sent to the merchant as well as not...
Help Desk Software by Kayako fusion