Dwi Ash dwiash

How to modify breadcrumb appearance in WooCommerce

There are two files you need look around if you want to change your breadcrumb's appearance in WooCommerce. You'll find those files in your WooCommerce plugin directory:

The first file: /woocommerce/woocommerce-template.php, this file contains function definition for woocommerce_breadcrumb()

  if ( ! function_exists( 'woocommerce_breadcrumb' ) ) {

	/**
 * Output the WooCommerce Breadcrumb

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Etiam lobortis est quis lectus vestibulum condimentum. Cras elit justo, ultrices sed auctor et, placerat eu quam. Sed ligula risus, dapibus et adipiscing quis, dignissim eget nunc. Sed at risus vel quam lobortis mattis. Aliquam erat volutpat. Phasellus sed odio eget leo rutrum sollicitudin eu at urna. Integer condimentum tempus orci sed accumsan. Sed aliquam congue turpis vel congue. Nulla a sapien quam, feugiat consequat ante. Nulla viverra tellus velit. Maecenas a pharetra ante. Proin ac quam sit amet magna blandit sollicitudin. Fusce dictum ultrices massa id mollis. Nullam facilisis risus nec tortor faucibus ac porttitor nisi imperdiet. Nam aliquet sem facilisis erat gravida in feugiat leo euismod. Integer dignissim posuere ipsum, sit amet lobortis felis aliquam ac.

Vivamus et tristique odio

Phasellus ac lacinia eros. Sed tempor, eros non adipiscing volutpat, mi mi porttitor metus, nec fringilla mauris leo sit amet massa. Suspendisse sollicitu

	<style>
	div{
	background-color: #fc0;
	height:100px;
	width: 200px;
	}
	</style>

	<script>
	jQuery(document).ready(function(){

	<!-- Begin MailChimp Signup Form -->
	<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
	</style>
	<div id="mc_embed_signup">
	<form action="http://intuiticode.us4.list-manage1.com/subscribe/post?u=3142c54bc46de81c1461c010d&id=1532af1441" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	<label for="mce-EMAIL">Subscribe to our mailing list</label>
	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>

	// jQuery Plugin Boilerplate
	// A boilerplate for jumpstarting jQuery plugins development
	// version 1.1, May 14th, 2011
	// by Stefan Gabos

	// remember to change every instance of "pluginName" to the name of your plugin!
	(function($) {

	// here we go!
	$.pluginName = function(element, options) {

	<?php


	// LOAD THEME SETTINGS

	$filename = get_template_directory().'/data.json.php';
	$handle = fopen($filename, "r");
	$dataRAW = fread($handle, filesize($filename));
	fclose($handle);
	$dataDECODED = json_decode($dataRAW, true);

	<!-- Begin MailChimp Signup Form -->
	<div id="mc_embed_signup">
	<form action="http://intuiticode.us4.list-manage.com/subscribe/post?u=3142c54bc46de81c1461c010d&id=1532af1441" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
	<h2>Subscribe to our mailing list</h2>
	<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
	<div class="mc-field-group">
	<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
	</label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
	</div>

	{
	"cmd": ["sh","sync.sh"],
	"working_dir": "/home/dwi/Projects/Opencart/linen/"
	}

	.fan_box .full_widget
	{
	background-color: #ff0;
	}