Our client wants to display the designed product before add to cart performed ie to view the preview of designed product in product detail page like the screenshot attached. Is that possible?
So no one found a solution to get this preview before ? :(
Thanks,
0 Votes
S
Sushant Sanjay Khadilkarposted
over 8 years ago
Actually alert is not getting inside if(jQuery('.fpd-lightbox-enabled').size() > 0) function...so thats why it is not working, have you added code in if(jQuery('.fpd-lightbox-enabled').size() > 0) function?
0 Votes
S
Sushant Sanjay Khadilkarposted
over 8 years ago
Hi,
I added alert but alert is not showing anything. It will be not reaching into the function.
Is it working on you end? can you share screenshot of the frontend where you have implemented?
Thanks, Sushant
0 Votes
K
Krishna Priyaposted
over 8 years ago
Hi,
var src3=fancyProductDesigner.getViewsDataURL('png', 'transparent', 0.3)[0]; alert(src3); //ADD THIS ALERT AND CHECK THE CONTENT OF SRC3
The above alert should show base 64 png image data. We have to add this in img src.
0 Votes
S
Sushant Sanjay Khadilkarposted
over 8 years ago
Hi Krishna,
I also added your code but its not working from my side. I added which you have mentioned correctly.
do you have any other solution?
Thanks,
Sushant
0 Votes
Efbiposted
over 8 years ago
Hi
Yes it's what I do but it seems it's in class-frontend-product.php that the problem is
in the file where woocommerce template single.php or in variable.php => wp-content/plugins/woocommerce/templates/single-product/add-to-cart/variable.php before the code
Hi there,
Our client wants to display the designed product before add to cart performed ie to view the preview of designed product in product detail page like the screenshot attached. Is that possible?
Attachments (1)
sample.jpg
182 KB
1 Votes
Krishna Priya posted over 8 years ago Best Answer
Hi,
variable.php =>Check line no 121
class-frontend-product.php => Check line no 334 to 341
Attachments (2)
class-fronte....php
48.2 KB
variable.php
7.44 KB
0 Votes
17 Comments
Efbi posted over 8 years ago
Hi Sushant,
While waiting for an answer, i do this :
in the "woocommerce/templates/notices/sucess.php" file.
When the user add to the cart the product, he'll see the preview in the sucess box..
It's the only thing i found till now.
Best regards,
RINVIL Jean
0 Votes
Sushant Sanjay Khadilkar posted over 8 years ago
I need preview option. I also added separate feature request 1 Month ago. But nobody has replied for my request.
Thanks,
Sushant
0 Votes
Efbi posted over 8 years ago
Hi,
So nobody need preview ?...
0 Votes
Efbi posted over 8 years ago
Hi,
Thanks for your update but it still doesn't work for me.
I compared our 2 files, and it looks like different
Which version you have? I join my files here
Attachments (2)
class-fronte....php
48 KB
variable.php
5.31 KB
0 Votes
Sushant Sanjay Khadilkar posted over 8 years ago
Regards,
Sushant
0 Votes
Krishna Priya posted over 8 years ago Answer
Hi,
variable.php =>Check line no 121
class-frontend-product.php => Check line no 334 to 341
Attachments (2)
class-fronte....php
48.2 KB
variable.php
7.44 KB
0 Votes
Efbi posted over 8 years ago
Hi,
So no one found a solution to get this preview before ? :(
Thanks,
0 Votes
Sushant Sanjay Khadilkar posted over 8 years ago
0 Votes
Sushant Sanjay Khadilkar posted over 8 years ago
I added alert but alert is not showing anything. It will be not reaching into the function.
Is it working on you end? can you share screenshot of the frontend where you have implemented?
Thanks,
Sushant
0 Votes
Krishna Priya posted over 8 years ago
var src3=fancyProductDesigner.getViewsDataURL('png', 'transparent', 0.3)[0];
alert(src3); //ADD THIS ALERT AND CHECK THE CONTENT OF SRC3
The above alert should show base 64 png image data. We have to add this in img src.
0 Votes
Sushant Sanjay Khadilkar posted over 8 years ago
Hi Krishna,
I also added your code but its not working from my side. I added which you have mentioned correctly.
do you have any other solution?
Thanks,
Sushant
0 Votes
Efbi posted over 8 years ago
0 Votes
Krishna Priya posted over 8 years ago
You have to add
<div id="design_preview_div" style="display:none" > <label for="design_preview_label" class="labelmargin">Design Preview: </label> <img id="design_preview" /> </div>
in the file where woocommerce template single.php or in variable.php => wp-content/plugins/woocommerce/templates/single-product/add-to-cart/variable.php before the code
<?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>
0 Votes
Efbi posted over 8 years ago
I exactly put it here
0 Votes
Efbi posted over 8 years ago
Hi ! Thanks for the answer, but where do you exactly put your code ?
Because it doesn't work for me
0 Votes
Krishna Priya posted over 8 years ago
I added the design preview like the above in the onclick event of fpd-modal-done function. I used the following
wp-content\plugins\fancy-product-designer\inc\class-frontend-product.php
var src3=fancyProductDesigner.getViewsDataURL('png', 'transparent', 0.3)[0];
if(src3!='')
{
document.getElementById('design_preview_div').style.display="block";
document.getElementById('design_preview').setAttribute( 'src',src3);
}
And in variable.php file template, use the following ,
<div id="design_preview_div" style="display:none" > <label for="design_preview_label" class="labelmargin">Design Preview: </label> <img id="design_preview" >
0 Votes
Efbi posted over 8 years ago
I'm searching exactly the same thing, it's important for me to show a preview before the user add to cart his product !
I
0 Votes
Login or Sign up to post a comment