Developer Settings

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

 

IMPORTANT NOTE:
InkSoft does not provide technical support for third-party services, and we are not able to troubleshoot any custom CSS or custom code snippets for embedded scripts. These features are for advanced users, and the user must review all applicable information before uploading a CSS file or activating scripts.


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

qa.inksoft.com_freestyle_threads_shop-admin_store-settings_developer(Desktop HD)



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.

NOTE: Your scripts will not activate and fire on the page until the Activate Scripts toggle is turned ON.

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;
}

Example: Remove Product Price from a Store

/*===========================================
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;
}