Developer Settings

High-level overview on this Advanced setting located in the Store Settings.

This section offers options for advanced users to add custom CSS and allow for custom embedded scripts. This opens your stores up to the possibility of using your own custom code snippets for things like widgets, pop-ups, and more. You can locate this setting by navigating to your Store > Store Admin > Settings > Developer Settings. 

Custom CSS

By clicking the 'Choose File' button, you will have the ability to browse, locate, and upload CSS files from your computer into your InkSoft store. Using this, you can overwrite the default settings and appearance of your InkSoft page. It is important to note that these files are not provided by InkSoft; it is custom coding done by web developers.

Feel free to visit our Custom CSS Reference guide to see common and basic selectors that can assist you!

Embedded Scripts

External embedded scripts can be added here. This can be used to add various widgets, pop-ups, and more. Please note that embedded scripts will be applied to every page except store checkout. To connect Google services such as Google Tag Manager, Google Analytics and more, please visit the Site Tools.

Example: Hide the "Add Text" Button

/*=====================================
   Hide Add Text Action
---------------------------------------*/

/* --- Blank Canvas - Start Screen --- */
div.tools-panels .actions li:nth-child(2) {
   display: none;
}

/* --- Design Added - Layers Panel --- */
div.tools-panels .actions div:nth-child(2) { 
   display: none;
}

/* --- Mobile Actions Footer --- */
li#mobileFooterAddTxt {
  display: none;
}

/*===========================================
Hide Price on Product Detail Page

!!! IMPORTANT NOTE !!!
Price will be hidden for BLANK and PRE-DEC PRODUCTS
--------------------------------------------*/
.product-detail-panel .product-price {
  display: none;
}