SVG Settings

Posted over 7 years ago by Derek

Post a topic

Answered

Derek

My .svg files have not been working on my site for quite sometime. The display, scale, move etc but on click they do not allow you to change the color of the various paths like when I first started using this plug in 2014

My question is does anyone have any tips on how to create svg's in Adobe Illustrator? Which settings? etc.

1 Votes

Derek posted over 7 years ago Best Answer

Yep... Just the one color swatch not separate color paths as you did...

Attachments (1)

JPG

Manage Module.JPG
28.8 KB

0 Votes

21 Comments

Hope Taylor posted almost 4 years ago

I have the same exact problem right now except in reverse! My PNG base won’t change colors at all on mobile only. The color picker pops up but has no effect on the jacket at all. Go to swap product and check out he jacket. I just found this out with cross comparing the demos and trouble shooting. Also the t shirt demo uses and svg instead of a base like the initial intro video shows so I’m super confused. It did work once with png so I’m not sure what is going on!? https://mfa.srg.mybluehost.me/illini-grad-sales/product/custom-letter-jacket/

0 Votes

Andy Taylor posted over 4 years ago

Derek did you ever solve this?

0 Votes

Derek posted over 7 years ago Answer

Yep... Just the one color swatch not separate color paths as you did...

Attachments (1)

JPG

Manage Module.JPG
28.8 KB

0 Votes

Rhiannon Doyle posted over 7 years ago Admin

Do you get the same when enabling manage layers module?

Attachments (1)

layers.tiff
58.6 KB

0 Votes

Derek posted over 7 years ago

Nope, not seeing individual paths. Just that one red color (on this particular svg i would expect to see 4 color paths that i could change) . In the menu bar when clicking on the svg the color picker will open and I can chose a color but it does not have any impact on the svg as the color does not change at all.

screenshot of my consoles from Chrome and FireFox

Attachments (2)

JPG

Chrome Console.JPG
43.6 KB

JPG

Firefox Console.JPG
32.5 KB

0 Votes

Rhiannon Doyle posted over 7 years ago Admin

OK so you're not even seeing the individual paths from the svg. Do you get any js errors in the console?

0 Votes

Derek posted over 7 years ago

When I click the swatch in the toolbar I get a color picker but the color does not change nor can I select any of the paths

Attachments (1)

JPG

Front End SV....JPG
32.2 KB

0 Votes

Rhiannon Doyle posted over 7 years ago Admin

Just so I'm clear... when you click the red swatch in the toolbar, nothing happens right? You don't get the sub-toolbar or a color picker?

0 Votes

Derek posted over 7 years ago

Same thing.... Unfortunately. I didnt redo a fresh install

Tried it with some of my svg's also...Same result

Thanks for your help with this

Attachments (1)

JPG

Front End SV....JPG
19.5 KB

0 Votes

Rhiannon Doyle posted over 7 years ago Admin

Could you try a product without the other layers, just the svg?

0 Votes

Derek posted over 7 years ago

Ok.... I tried a fresh install....

Made a backup of the most recent setup then followed the instructions from "http://support.fancyproductdesigner.com/support/solutions/articles/5000582931-upgrading"

1. Deleted everything

Deleting all database tables to start from scratch

If you want to delete all database tables that are created by the plugin when deactivating the plugin, you need to uncomment one line of code.

Open class-install.php in the inc folder of the plugin.Go to line 16, looks like that:
//register_deactivation_hook( FPD_PLUGIN_ROOT_PHP, array( &$this,'deactive_plugin' ) );Remove the first two trailing slashes to uncomment the line, so it looks like this:
register_deactivation_hook( FPD_PLUGIN_ROOT_PHP, array( &$this,'deactive_plugin' ) );Save the php file.

Now when you deactivate the plugin, all your created Fancy Products etc. will be deleted.

2. Setup one Fancy product using the AnchorsBack.svg

3. Added a base, shadow and the image layers

4. Set the svg layer Color Picker option to Yes for every path

Still not working

5. I disabled all my plugins except FPD and Woocommerce

Still got the same color picker as before I did all this

At a loss right now. Guess Im going to have to take down my Fancy Products

Attachments (1)

JPG

Front End Sc....JPG
28.4 KB

0 Votes

Derek posted over 7 years ago

Rhiannon

PNG's work just fine, no issues there that's why I figured the problem must be the .svg's

I'm going to try a fresh install.. I tried disabling other plugins before I opened a ticket 7 months ago but that didnt fix it, I guess a fresh install may be in order now

0 Votes

Rhiannon Doyle posted over 7 years ago Admin

Try it on a fresh install. Just rename current plugin to fancy-product-designer_bk then download latest version from codecanyon, upload it and see if that works.

If not then do try disabling plugins.

Does colour changer work on pngs?

0 Votes

Derek posted over 7 years ago

Rhiannon

Not sure which release this issue started in but looking through my support tickets @ http://radykal.freshdesk.com/ I did reach out for help 7 months ago about the same issue.

Is there a way to do a fresh install, totally delete the FPD folder and upload the latest, or should I start with the old disable all my plug-ins methods and see if there's a conflict?

0 Votes

Rhiannon Doyle posted over 7 years ago Admin

Hmm I'm not able to recreate that using the same svg. The only thing I can see is different Modification settings... but I've tried a few different combinations and I always get the paths with a colorpicker for each.

I'm guessing it's not a server issue if it was working ok up 'til now?

Attachments (2)

settings.tiff
61.3 KB

colorpicker.tiff
35.5 KB

0 Votes

Derek posted over 7 years ago

Rhiannon

Thanks... I uploaded the AnchorsBack.svg to my site and made sure the Color Picker for every Path was set to Yes.

There must be another conflict because on the front end I am still unable to see color options for each path.

I attached screens

Attachments (2)

JPG

Front End Sc....JPG
28.4 KB

JPG

Color Picker.JPG
26.7 KB

0 Votes

Derek posted over 7 years ago

...

0 Votes

Derek posted over 7 years ago

Rhiannon

Thanks for your file.... I uploaded it to my site and made sure to check off Yes on the Colorpicker

I'm guessing I may have some other conflict because I still can not change the colors from the front end.

0 Votes

Rhiannon Doyle posted over 7 years ago Admin

Ah I see. Ok try the svg I've attached, if color picker for all paths flag is set you should be able to see all colours from the file.

Attachments (1)

svg

AnchorsBack.svg
725 Bytes

0 Votes

Derek posted over 7 years ago

Hi... Yes... I get the email alerts and update every immediately... I get one color picker, regardless of number or paths in the svg and even then the svg doesn't change colors. I believe Radykal looked sometime last year and said the svgs had errors. So my assumption is I'm not saying them correctly in Illustrator as it seems I'm the only one not able to use svgs

0 Votes

Rhiannon Doyle posted over 7 years ago Admin

Hi there,

have you been upgrading FPD regularly? The reason why I ask is that there's a "color picker for every path" flag for svgs (under color tab) that I don't think was in previous versions.

0 Votes