Post by dieselflip » Tue May 21, 2013 12:32 am

Hi,

I would like to achieve the same effects similar to the Template Monster MMA store "Featured Products" heading.

http://www.templatemonster.com/demo/41339.html

How do I go by doing this in Open Cart?

Thank you
Last edited by dieselflip on Wed May 22, 2013 10:28 am, edited 1 time in total.

Newbie

Posts

Joined
Tue May 21, 2013 12:29 am

Post by jgsw » Tue May 21, 2013 5:38 am

To do this head to your language file for featured products

catalog/language/*/module/featured.php

Change:

Code: Select all

$_['heading_title'] = 'Featured';
To:

Code: Select all

$_['heading_title'] = '<span>Featured</span> Products';
Then add a rule like the following to your stylesheet.css

Code: Select all

.box-heading span {
  color: red;
}
jgsw

Quick Edit Admin Panel (40% off!) - CSS Unique (only $10!)
Sticky Admin Menu (Free) - Add Scripts & Styles to head (Free)


Active Member

Posts

Joined
Sat Mar 16, 2013 3:13 am

Post by dieselflip » Tue May 21, 2013 6:03 am

jgsw wrote:To do this head to your language file for featured products

catalog/language/*/module/featured.php

Change:

Code: Select all

$_['heading_title'] = 'Featured';
To:

Code: Select all

$_['heading_title'] = '<span>Featured</span> Products';
Then add a rule like the following to your stylesheet.css

Code: Select all

.box-heading span {
  color: red;
}
jgsw

Hi Thank you for the reply.

I tried your suggestion but instead of getting the two color effect. I'm getting only all text in "yellow" color. Since I'm using yellow as a highlight color. I also updated the "Featured.php" file in the folder location that you specified.

I also tried using in the stylesheet.css but still showing 1 color (all yellow):

Code: Select all

.box .box-heading span {
        color: #D3CC00;
}

Newbie

Posts

Joined
Tue May 21, 2013 12:29 am

Post by jgsw » Tue May 21, 2013 6:09 am

maybe you could try this different approach

Change:

Code: Select all

$_['heading_title'] = 'Featured';
To:

Code: Select all

$_['heading_title'] = '<span class="alt-heading-color">Featured</span> Products';
Then add a rule like the following to your stylesheet.css

Code: Select all

.alt-heading-color {
  color: red;
}
jgsw

Quick Edit Admin Panel (40% off!) - CSS Unique (only $10!)
Sticky Admin Menu (Free) - Add Scripts & Styles to head (Free)


Active Member

Posts

Joined
Sat Mar 16, 2013 3:13 am

Post by dieselflip » Tue May 21, 2013 7:42 am

Thank you!

Your first suggestion worked!

I went back to the "Featured.php" file and closed the </span> code. It is working now ^-^

Newbie

Posts

Joined
Tue May 21, 2013 12:29 am

Post by jgsw » Tue May 21, 2013 5:06 pm

No problem. If you change the title of the thread to [SOLVED] it might help other forum users with the same question.

jgsw

Quick Edit Admin Panel (40% off!) - CSS Unique (only $10!)
Sticky Admin Menu (Free) - Add Scripts & Styles to head (Free)


Active Member

Posts

Joined
Sat Mar 16, 2013 3:13 am

Post by orups » Thu Aug 25, 2016 5:22 pm

I used the same approach to change the Featured title to
Click on any denomination to get started.
for new http://www.orderuganda.com opencart site.

Code: Select all

<modification>
	<id>VQMOD CORE FOR OPENCART - DO NOT REMOVE</id>
    <version>1.4.x and above</version>
    <vqmver required="true">2.6.0</vqmver>
    <author>vqmod.com</author>
	
	<file name="catalog/language/en-gb/module/featured.php">
		<operation info="replace Featured with given title on the index page" error="abort" >
			<search position="replace" >
			<![CDATA[
				$_['heading_title'] = 'Featured';
			]]>
			</search>
			<add>
			<![CDATA[
				$_['heading_title'] = 'Click on any denomination to get started.';
			]]>
			</add>
		</operation>		
	</file>
	
</modification>
Thanks alot.

Newbie

Posts

Joined
Thu Aug 25, 2016 3:52 pm
Who is online

Users browsing this forum: No registered users and 2 guests