Our CORE templates display HOME SPECIALS
[https://support.3dcart.com/Knowledgebase/Article/View/393/9/how-do-i-control-home-specials-and-related-items]
in the form of a carousel by default, similar to the homepage carousel
module we offer. However, t...
To assist with overall site performance, Shift4Shop makes use of a
separate template for 404 error pages. In doing so, it helps optimize
page load times so your customers can have a better browsing
experience.
By default, your store will display th...
By default, you are not able to right click on Product Images when
viewing a Product Listing page. This is due to the 3dzoom feature that
allows for you to hover your mouse cursor over the image to zoom in
for more detail. There is an alternative way...
Beginning with version 12.0.10, Shift4Shop merchants can access free
stock images from Unsplash from the HOMEPAGE CAROUSEL
[https://support.3dcart.com/Knowledgebase/Article/View/582/] as well
the store's FILE MANAGER
[https://support.3dcart.com/Knowl...
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 below a header that states "Welcome to Veniam".
This is simply some placeholder text to help illustrate the placement
of page content for you. You may edit o...
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...
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 A MENU LINK
* ADD AN EXTRA PAGE
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 appear at the
top...
* 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
editor. This stands for "WHAT YOU SEE IS WHAT YOU GET". WYSIWYG mode
allows you to edit, change, and add c...
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...
Beginning in version 12.1.1, merchants will have the ability to create
an automatic age verification pop-up directly within the Store
Manager.
If you sell certain products that require an age limit to purchase,
this module will cover this purpose. ...
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...
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...
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...
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...