Post by motion2082 » Thu Mar 08, 2018 8:15 am

Anyone know how to make custom css classes show in your CK or Summernote editor?

Active Member

Posts

Joined
Tue May 12, 2015 8:48 pm

Post by IP_CAM » Thu Mar 08, 2018 11:47 am

Tried one of those already ? ;)
Ernie
---
Summernote Paste Plain Text
https://www.opencart.com/index.php?rout ... n_id=25675
---
Summernote Editor Full Toolbar
https://www.opencart.com/index.php?rout ... n_id=24953

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by motion2082 » Thu Mar 08, 2018 11:48 am

Hey Ernie, using OC 3.0.2.0 unfortunately

Active Member

Posts

Joined
Tue May 12, 2015 8:48 pm

Post by IP_CAM » Fri Mar 09, 2018 12:39 pm

Well, you could try it anyway, it can always be removed again, if it does not function. :laugh:
It's always a Problem, to use latest Software Versions, since not much on (free) Mods exist.
But I am fully aware of, only talking to the wind... ::)
Ernie

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by motion2082 » Sat Mar 10, 2018 4:03 pm

Didn't work so I installed CK Editor a week ago.

What I would like to do is have my custom.css show up in my CK Editor.

The documentation over at CK Editor is atrocious

Active Member

Posts

Joined
Tue May 12, 2015 8:48 pm

Post by IP_CAM » Sat Mar 10, 2018 10:28 pm

Well, you seem to misunderstand the purpose of those 2 editors,
they do NOT change OC File Content, unlike a Tool like shown on
the image below. But this tool does not exist for latest OC Versions,
you therefore would have to install some PHP-Editor, or something like
this, to work on/with OC Source:
CodeManager - Web-based IDE framework for OpenCart
https://www.opencart.com/index.php?rout ... n_id=17423
Ernie
---
Image

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by motion2082 » Sun Mar 11, 2018 9:42 am

Probably best to leave this one in the "too hard" basket.

I can use keep using my current workflow

Code: Select all

<div class="mystyle">text here</div>
then write my styles in a custom.css file attached to my theme.

Just thought it would be nice to add these rules to the OC summernote/ckeditor dropdown.

One day developers will make things simple. Until then we just work with what we have got

Active Member

Posts

Joined
Tue May 12, 2015 8:48 pm

Post by IP_CAM » Sun Mar 11, 2018 1:53 pm

One day developers will make things simple
Well, who would kill his/her own business on purpose, just to make Life easier
for the Rest ? :crazy:

Or if they do, then like Google, Apple, and all the others, by the
'Service against Your Data' Way of doing this, looking onto the inside of
your Pants, but here, many Visitors don't even leave Site data, and nobody cares.
So better just don't expect anything, you would not share yourselfs, Real Life is all
about Money, good Life at least :laugh:
Ernie

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by motion2082 » Sun Mar 11, 2018 2:13 pm

If we were not all driven by money the world would be a much more innovative, harmonous place where we would help one another for educational gain instead of monatary gain.

Active Member

Posts

Joined
Tue May 12, 2015 8:48 pm

Post by IP_CAM » Mon Mar 12, 2018 8:49 am

Well, just to have it mentioned, some Tools for sich already exist! ;)
---
[OCMOD] Custom CSS by viethemes free:
Custom CSS allows you to insert a custom CSS so you can customize
your store easier and the change will not be lost when you upgrade OpenCart.
https://www.opencart.com/index.php?rout ... n_id=20565
---
[OCMOD] Custom JavaScript by viethemes free:
Custom JavaScript allows you to insert a custom JavaScript code so you
can customize your store easier and the change will not be lost when you upgrade OpenCart.
https://www.opencart.com/index.php?rout ... n_id=20566
---
Live Theme Editor paid:
https://www.opencart.com/index.php?rout ... n_id=21930
---
(2.x/3.x) Dynamic Styling paid:
https://www.opencart.com/index.php?rout ... n_id=31176
---
Custom Code (CSS, Javascript, Custom Code) paid:
https://www.opencart.com/index.php?rout ... n_id=32043
---
Live Theme Editor by viethemes paid:
https://www.opencart.com/index.php?rout ... n_id=20693
---
Visual Theme Editor by viethemes paid:
https://www.opencart.com/index.php?rout ... n_id=30485
---
e.t.c.

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by motion2082 » Mon Mar 12, 2018 9:52 am

Thanks mate, using Journal theme so have those features already ;)

Active Member

Posts

Joined
Tue May 12, 2015 8:48 pm

Post by CJC » Mon Apr 04, 2022 10:18 pm

I know this is an old thread, but did you ever find anything to do this with the default theme?

CJC
Active Member

Posts

Joined
Wed Jun 03, 2020 5:51 am
Who is online

Users browsing this forum: No registered users and 77 guests