Upload Store Buttons

Last Updated: Nov 01, 2018 09:41AM EDT

Settings > Images & Navigation > Upload Store Buttons

Editable Source Files

You can customize the appearance of your shopping cart buttons by generating new buttons in your preferred graphics program and uploading new buttons to your Web server. From the Settings menu, select Upload Store Buttons.

There are editable, pre-sliced files that contain all default buttons in the folder pc/images/sample. You should be able to quickly create new buttons starting from these editable files.

How to use the *.PNG files
  • Download the PNG file that you would like to edit to your desktop: right-click on the graphic and select “Save as…” or “Save image as…”.
  • Open it in an image editing program.
  • You will notice that the graphic elements are organized in layers so that you can quickly edit most buttons.
  • Once you are happy with your edits, make slices visible and export them all. They are already named in a way that will make the exported files easily recognizable to ProductCart.
  • Follow the instructions below to upload the new buttons to your store.

The “Configurator” buttons are only for use in the Configurator versions of ProductCart. Other users do not need to worry about those buttons when uploading new ones. The “Checkout without registering” button is no longer being used in the source code. The “Checkout without entering a password” feature exists, but it does not use a button.
 

How to upload new store buttons

To upload new buttons to your store, click on Choose File and navigate to the folder on your PC where the new buttons have been saved. Do the same for all the buttons that you wish to replace. When you are done, click on the Update button at the bottom of the page in the Control Panel. The new graphics will automatically be uploaded to your Web server, and the new buttons will immediately be displayed on your on-line store. To revert back to ProductCart’s standard buttons, click on Set back to default settings.

Before uploading new buttons to your on-line store, make sure that the buttons have been saved in a compatible format (JPEG or GIF), and that they are small enough to display properly on your store (try not to exceed 25 pixels in height). The image upload feature will not allow you to upload any files other than JPEG and GIF. If you receive an error message when uploading buttons to your store, check to see if “read/write” permissions have been appropriately set on the pc/catalog folder. Sometimes folder permissions need to be reset.

ProductCart v5 - CSS Buttons

In all ProductCart v5 stores, you can also use CSS buttons for your ProductCart pages. Each of the themes that are included in v5 have matching CSS buttons, which you can find defined in the following file:

/store/pc/theme/theme_name/css/theme.css

If you want to use CSS buttons for your store, you can leverage one of the sets included in the built-in themes.

Menu

  • Support Forums
  • Video Tutorials
  • Support Request
  • Support Policy
647e99095133bd6d1ae916f97dc7f92f@productcart.desk-mail.com
https://cdn.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete