Adding new Design Type for parameter for WC Designer Pro

[adriang1228]

Upon reviewing the setup of parameters for WC Designer Pro we have noticed that 4 presets are available: “Only Side Front”, “Side front & back”, “Diptych Brochure” & “Triptych Brochure”.

How can we go about adding new design types such as more sides?

[admin]

Hi,
Thanks for contacting us and choosing our product!
Currently this option is fixed and you can’t add more sides in the parameter.
We’ll contact with author of plugin if they can add it asap.

****
Regards,
HaruTheme

[adriang1228]

This reply has been marked as private.

[admin]

Hi,
We can’t check your settings at backend.
However did you set Canvas Width & Height for each Product Attribute here:
https://prnt.sc/r4sHXYhiV-6O
Hope this helps1

****
Regards,
HaruTheme

[adriang1228]

Hi have you had any updates from the plugin author about how we can add more templates for design types such as additional sides, and custom layouts.

You guidance on which files control this would also be a great help for a dev to review?

Thanks

[admin]

Hi,
Currently this plugin author haven’t update this.
However we researched ourself and found some suggestions.
Step 1: open file wp-content/plugins/wc-designer-pro/includes/wcdp-metabox-params.php
Step 2: find this function wcdp_parameters_metabox_html() online 229 to add new type of design
Step 3: process display in wp-content/plugins/wc-designer-pro/assets/js/wcdp-content-editor.min.js. However you can develop in wcdp-content-editor.js by change js file load in wp-content/plugins/wc-designer-pro/settings.php line 55 from:

wp_enqueue_script('wcdp-content-editor-js', plugins_url( '/assets/js/wcdp-content-editor.min.js', __FILE__ ), array('jquery'), WCDP_VERSION, false);

to

wp_enqueue_script('wcdp-content-editor-js', plugins_url( '/assets/js/wcdp-content-editor.js', __FILE__ ), array('jquery'), WCDP_VERSION, false);
However add more sides may more complicated and need much time to research the code. If you found something new please reply to this topic.
Hope this helps!

****
Regards,
HaruTheme

• This reply was modified 3 weeks, 6 days ago by admin.

[adriang1228]

Thanks for your reply we have reviewed the files but to no avail.

We are trying to allow customers to upload multiple images that will fit a canvas print that looks like this so we want to either create more sides that indicate each of the areas that an image needs to be uploaded into.

Example image attached

Or present a silhouette of the frame and allows users to upload the images manually into the silhouette of the frame.

Can you kindly recommend whats going to be the easiest way to achieve this?

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
As the screenshot you send above, the layout will have many cases and as we researched, currently don’t have a plugin does what you need.
You can research more here:
https://codecanyon.net/search/product%20designer
You can try to use Variable product and cavans size (width, height option) change for each Variable:
https://gyazo.com/fb065b7371b7948058e9038a945bdabc
Hope this helps!

****
Regards,
HaruTheme

[adriang1228]

Hey guys appreciate your help with this.

I did come across a plugin from code canyon that seems to achieve what I am looking for https://demo.lumise.com/woocommerce/design-editor/?product_base=22&product_cms=1003.

Would you suggest for me to replace the WC designer with this or do you think something like the example is achievable with the existing plugin?

[admin]

Hi,
If you want to use Lumise plugin you can do that.
Our theme already compatible with this plugin and you can use it.
Because this plugin can’t be included in our theme. However another customer suggest us do it and we developed our theme compatible with Lumise plugin.
Hope this helps!

*****
Regards,
HaruTheme

[adriang1228]

How can reposition the customise button so that it replaces the previous personalise button and before the add the Cart button

Rectangle Canvas

• This reply was modified 6 days, 13 hours ago by adriang1228.

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
Because this code come from Lumise plugin, We need time to research and will answer you later.

****
Regards,
HaruTheme

[admin]

Hi,
We found you need to change it directly in the Lumise code because it doesn’t have settings to change it.
Go to wp-content/plugins/lumise/includes/ then open file class-lumise-frontend.php
Go to line 72 and change the code from:
add_action( 'woocommerce_after_add_to_cart_button', array( $this, 'customize_button' ), 10, 2 );
to
add_action( 'woocommerce_before_add_to_cart_button', array( $this, 'customize_button' ), 10, 2 );
You can change this woocommerce_before_add_to_cart_button to position you need (Please check it yourself because this is not included in our theme)
Reference more here: https://developer.wordpress.org/reference/functions/add_action/
Topic to help update theme & plugins to the latest version: https://harutheme.com/forums/topic/how-to-update-wordpress-theme/
Hope this helps!

****
Best Regards,
HaruTheme

[Author]

Posts