Tag: bigcommerce

  • BigCommerce Mod : Custom product tabs

    This is a simple mod that allow us to have custom product tabs in BigCommerce system, there is no limit on how many tabs you can have. Our final result will be this.

    Mod

    This mod requires modification to only one file /Panels/ProductTabs.html

    Step 1

    Add current JavaScript to the existing script tag

    	/**
    	 * Overrides  parts of /javascript/product.functions.js#GenerateProductTabs() function
    	 * as it does not support related products	 
    	*/
    	$(document).ready(function()
    	{
    			var id = 'RelatedProducts';
    			var TabName = 'Related Products';
    			 var ProductTab = '
  • '+TabName+'
  • '; $('#ProductTabsList').append(ProductTab); });

    Step 2

    Here we actually add content of our tab.

    	
    

    One thing to not is that the div id ‘RelatedProducts’ relates to javascript id ‘RelatedProducts’ so if you change that you need to change the div id.

    That is, if we wanted to add additional tabs we simply would use an array.

  • BigCommerce Mod : Show brand logo image on Product Page

    Showing brand logos on product pages in BigCommerce sites is harder than it should be. Here is a quick mod that will let us do that without need of using the API.
    Here is the desired result

    Code

    This works by parsing you /brands page and then comparing current brand name to the one from parsed page.

    Lets edit Panels/ProductPanels.html and change the current brand code into this

    %%LNG_Brand%%:

    %%GLOBAL_BrandName%%