Knowledgebase : Site Design
LOGASTER [https://www.logaster.com/] is an online service that helps you create branding for your business including logos, letterheads and more. Their service has different PRICING PLANS [https://www.logaster.com/pricing/] for you to choose from, bu...
Several of our themes use CSS styling to have the store logo display at a certain aspect ratio. In some cases, and depending on the dimensions of your logo, this CSS styling may result in your logo appearing distorted or smaller than expected. If y...
By default, your Shift4Shop store uses the same HTML template for all of your products. However, you do have the option of creating your own variations on the default listing template and use them for different products. To do this you will need FT...
NOTE The following will apply only to Shift4Shop's default free themes available in your Shift4Shop Online Store Manager. For premium themes or themes purchased third party, please refer to the vendor of your theme. In a PREVIOUS ARTICLE [https://...
Some javascripts may need to reference the the specific relative URL of individual pages on your site. Rather than hard-coding the URL into the javascript code, you can use the variable _[page_url]_ and it will insert the relative URL of the page as ...
If your Shift4Shop store is brand new, you may have noticed some latin text on the home page. This is simply some placeholder text to help illustrate the placement of page content for you. You may edit or remove it using the Page Editor on the Home P...
Lazy image loading is intended to optimize page loading times by loading images and video asynchronously with the rest of the page. By lazy loading the images, the browser will wait until all other aspects of the page are loaded before displaying the...
If you are using the CUSTOM EVENT REWARD POINTS [https://support.3dcart.com/Knowledgebase/Article/view/576#custom-event-points] option with your store's Rewards Program (available on Plus Plans and Higher; including the Free End-to-End eCommerce Plan...
Once you have purchased the SHIFT4SHOP MEGA MENU BUILDER [https://apps.3dcart.com/website-mega-menu-builder.html] module (and received confirmation that it has been installed), the following instructions will help get you started with Shift4Shop's Me...
Shift4Shop's HTML Builder can help you add design elements to some of your content pages. This article will provide you some steps to get started with the builder and its interface. IMPORTANT In order to use the HTML Builder, please make sure your...
* PROBLEM: Certain colors on product images appear to change when seen on the product page. * CAUSE: The images are likely saved in CMYK color mode. * SOLUTION: Save the images in RGB color mode. In the field of graphic design, images can b...
If you have purchased the HOME PAGE FEATURED CATEGORIES [https://apps.3dcart.com/Home-Page-Category-Specials.html] add-on, the following steps will allow you to specify products for display on it. NOTE The add on requires special coding that will ...
Google's Address Autofill (for CORE Themes) feature can assist your shoppers in quickly entering their address information when filling out your store's checkout form. When entering the first few digits of their billing/shipping address information...
PLEASE NOTE The information in this article is provided solely as a courtesy and to offer basic instructions on making very simple changes to your store's design templates. Please understand that - regardless of how simple the changes may be - HTM...
Several of the Core powered themes have access to a new form of theme editor that allows you to make basic color and typography changes to theme elements. As you select the coloring on the editor, the preview will interactively update to illustrate y...
* ISSUE: Some merchants have reported difficulties experienced by their customers when leaving product reviews using an iPhone or iPad. When attempting to write the review, the focus jumps to the review text area preventing the reviewer from inputt...
The Americans with Disabilities Act (ADA), sets standards for making business websites accessible to people with disabilities. Any company that deals with persons with disabilities must ensure that their websites are accessible to their users at all ...
* ISSUE: During checkout, some customers may experience the following error message which can interrupt or prevent completion of their orders. Your checkout information has changed. Please review your shipping options and try again. * CAUSE: In...
------------------------- 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 ...
------------------------- 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...
------------------------- 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...
------------------------- 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 "custome...
------------------------- 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 inc...
------------------------- 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...
------------------------- 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] * [INVOI...
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...
------------------------- TURN OFF/ON WYSIWYG At the top right of the new admin, you will see the username that you're using to log into the Online Store Manager. If you click on this username, a special drop down menu will open up with a series of...
Store owners have asked if it is possible to showcase videos within the homepage carousel rather than static images. Unfortunately, it is not possible. The homepage carousel is designed to only work with images. However, we do have a few alternative ...
Some merchants may have special scripting that needs to be placed between the open and closing head tags of their site. For example, 3rd party functions may sometimes provide a specific code that needs to be placed inside the head tags of the pages. ...
Global HTML template and scripting files (which are used by all Shift4Shop 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 ...
------------------------- 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....
There are two basic ways of adding your business logo to your Shift4Shop store METHOD 1 Using the Store Logo section * Log into your Shift4Shop Online Store Manager * Using the left hand navigation menu, go to SETTINGS >GENERAL >STORE SETTIN...
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...
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...
If you have special advertising or affiliation banners that you'd like to add to your store, you can add them easily to the store using the Header & Footer section. To get to this area of the Shift4Shop Online Store Manager, * Log into your Shi...
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...
If you would like to create your own theme for your store, the best way to go about it is to base your design off of one of the pre-created themes found in your Shift4Shop store. This way you can download the theme, edit it and then upload it back to...
CONTENTS * THE INSTRUCTIONS BELOW WILL SHOW YOU HOW TO MAKE BACKUPS OF YOUR STORE'S DATA AND DESIGN * STORE DATA * Order Data * Product Data * Customer Data * ADDITIONAL STORE DATA * STORE DESIGN * Theme Folder * Images -----...
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...
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...
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...
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 "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...
Your Shift4Shop 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 o...
* 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 Th...
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 Shift4Shop store auto...
Most of the Shift4Shop 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. T...
When you first open up your Shift4Shop 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 follow...
* 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 ...
* 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...
* 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...
* 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...
Your Shift4Shop 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 modificati...
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...
With Shift4Shop, 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...
------------------------- 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...
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: TIP: The home page template can be found by going to SETTINGS >DESIGN >THEMES & STYLES a...
In a previous article, located HERE [https://support.3dcart.com/3dcart/Knowledgebase/Article/View/66], we briefly mentioned that Shift4Shop accounts come equipped with a shared SSL certificate that can be used for your site's secure transactions. As ...
By default, Shift4Shop 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 Shift4Shop. We're v...
The QUICK EDIT TAB [https://support.3dcart.com/Knowledgebase/Article/View/219] 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...
Shift4Shop allows you to freely edit your site design templates. While we always recommend making PROPER BACKUPS [https://support.3dcart.com/Knowledgebase/Article/View/565] of your files _before_ applying any edits, sometimes this step may go forgott...
Check for the following: * The Quick Edit Tab 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. In ...
The Shift4Shop Quick Edit Tab can be used to quickly access set up and design areas of the Shift4Shop Online Store Manager while viewing your store front. NOTE In order to use the Shift4Shop Quick Edit Tab, you must be actively logged into your Sh...
In your Shift4Shop 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 displa...
Many simple design changes can be accomplished through the your design theme's Cascading Style Sheet (CSS) file. Shift4Shop's Support department cannot and will not assist with CSS design changes or coding of any kind but information and tutorials ...
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 th...
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...
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 Shift4...
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 use the Store Status f...
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...
Note: This article is provided for informational purposes and guidance. Please be aware that Shift4Shop technical support is neither able nor qualified to offer support on changing your site's CSS files. If editing your site's look and feel is bey...
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 ...
Some merchants have multiple sites on Shift4Shop that share the same themes. In other cases, we have some Shift4Shop Merchants who develop their sites design on a developer account with the intent of transferring the design over to their live store w...
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 ...
This error is given by most web browsers when you are entering a site in secure HTTPS mode, but the page you are viewing contains one or more elements such as images, JavaScript files and/or style sheets that are being pulled from a non-secure locati...
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...
ORDER'S EMAILS The Shift4Shop 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 SET...
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...
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 >THEME...
To change your site's Theme: * Log into your Shift4Shop Online Store Manager * Go to SETTINGS >DESIGN >THEMES & STYLES * Then, click on the "Change Theme" button You will see all of the various themes that are available for your store. To in...
Help Desk Software by Kayako fusion