Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 Spry Tabs with Font Awesome Icons
Previous Page
Author « Topic »
Page: of 3

SBriggs
New Member

United Kingdom
79 Posts

Posted - 12/16/2019 :  13:55:22  
Just another follow-up on my previous idea:
I tried using some Javascript in proddetail.php to define the 'hex-Unicode and text' labels for the tabs as a set of JS constant values, and then referencing them from more code in the LongDescription, but that doesn't work as the script tag within LongDescription gets broken by code in incproddetail so it doesn't get passed through to the browser (incproddetail doesn't expect a tag inside the ecttab tag). My hope was that this idea would allow me to use Froala whilst keeping the Unicode binary out of the database. Oh well, it looks like I'll have to ditch using Froala as that is what is interpreting the hex-Unicode in LongDescription into binary in the d/b. Shame, but not a disaster.

Pragmasis Limited
https://SecurityForBikes.com

Edited by - SBriggs on 12/16/2019 14:11:16

SBriggs
New Member

United Kingdom
79 Posts

Posted - 04/29/2021 :  01:34:38  
Hi Vince,

Is there any progress on this, please? I'm still using Font Awesome icons for prod detail tabs with the & #xf03d; (without the space) but that is saved/retrieved as a unicode character, as before. It works, but if there was something that left these entities more visible, or that allowed us to get the same result by using the fa... text codes, then that'd be much easier to maintain.

I'm intending to make much wider use of these FA icons so if I'm best off carrying on as before then please say. It'd be nice to have something neater, but it's not a big deal.

Thanks,

Steve.

Pragmasis Limited
https://SecurityForBikes.com

Vince
Administrator

42466 Posts

Posted - 04/29/2021 :  02:21:43  
Hi Steve
Just to check, are you still using Froala or did you actually ditch that in the end?

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

SBriggs
New Member

United Kingdom
79 Posts

Posted - 04/29/2021 :  06:05:00  
Hiya,

Yes, still using Froala as WYSIWYG is kinda useful, but I go into HTML view in Froala to manipulate these, obviously. I can enter them like that but they are interpreted and the Unicode is substituted when the data is redisplayed in the Admin. It would be best, overall, if there was a way of using the fa... symbols or something else that's 'friendly'/self-explanatory, rather than having to hard-code hex into the page text, and something that is converted to the relevant Unicode when the page is about to be displayed to the user, such as what I suggested before.

Thanks again,

Steve.

Pragmasis Limited
https://SecurityForBikes.com

Vince
Administrator

42466 Posts

Posted - 05/02/2021 :  02:41:45  
Hi Steve
I've been trying something here which seems to work. How about when you specify the tabs you can also set a class, and this class will preceed any class set for the tab. For instance...

<ecttab class="fa fa-search" title="Search Tab">This is a search tab</ecttab>

And that will produce a tab like this...

<li class="fa fa-search TabbedPanelsTab TabbedPanelsTabSelected" tabindex="0">Search Tab</li>

This works for me and I get the search icon there preceeding the tab title.

Can you let me know if that will do the trick, and if so I'll add it to the updater.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

SBriggs
New Member

United Kingdom
79 Posts

Posted - 05/04/2021 :  07:23:15  
Hi Vince,

That's clever. Thanks.

...Except it's not working for me. I've got tabs defined such as:
<ecttab class="fa fa-search" title="Search Tab">This is a search tab</ecttab>
<ecttab class="fa fa-align-left" title="Info">
..
</ecttab>
and the text labels are showing but the icons aren't. I'm entering it directly (without having Froala on our test site) and it is expanding to:
<li class="TabbedPanelsTab TabbedPanelsTabSelected" tabindex="0">Search Tab</li>
etc

https://test.securityforbikes.com/proddetail.php?prod=DDAnchor

(The 'Tech' tab is defined using the Unicode value, and it is showing up OK.)

What you are suggesting sounds ideal, if you know a piece of the puzzle that I'm missing?

(I'm using v7.2.6.)

Edit: Doh! I've just realised you've got a code change to support this, haven't you? :-)

Thanks,

Steve.

Pragmasis Limited
https://SecurityForBikes.com

Edited by - SBriggs on 05/04/2021 09:56:43

Vince
Administrator

42466 Posts

Posted - 05/04/2021 :  14:20:52  
Hi Steve
That's it, but the changes are in the updater now so if you get a new copy and copy the incproddetail.php script to your site hopefully all will fall into place.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

SBriggs
New Member

United Kingdom
79 Posts

Posted - 05/05/2021 :  03:48:12  
Hi Vince,

Got it, thanks. I grabbed the v7.3.2 incproddetail.php, after comparing with the v7.2.6 that I'm using live, and saw that it would be OK to just drop in so that's what I did and it's working fine. Thanks.

I did have to use the likes of:
<ecttab class="fa fa-search" title="& nbsp;& nbsp; Search">This is a search tab</ecttab>
with the spaces to match the tab you generate for the Reviews and to make the layout look nicer. That's fine and looking much better on our test site:
https://test.securityforbikes.com/proddetail.php?prod=DDAnchor

I'll copy it to the live site and start to use the new format, lots, as it is far cleaner and easier to maintain with readable symbols rather than the hex or Unicode chars.

Thanks again,

Steve.

Pragmasis Limited
https://SecurityForBikes.com

Edited by - SBriggs on 05/05/2021 03:53:55

Vince
Administrator

42466 Posts

Posted - 05/05/2021 :  14:26:29  
Hi Steve
It's good to hear that it's working and thanks for letting us know!

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater
Page: of 3 « Topic »  
Previous Page
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000