Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • November 3, 2014 at 6:48 pm #345441
    Moritz72

    Hi, Hope all well. I’ve been struggling with this for a week now. I have woocommerce installed inside my plugins folder and I have the configure-woocommerce inside my theme/enfold folder. The only thing I can think I’m doing wrong id maybe I should have some file from woocommerce inside my enfold folder?
    I’m not a programmer but know html and a little php and should be able to manage this : ) but having problems.
    What I’m trying to do is:
    1. Edit the layout of my single product page to make the product image bigger.
    2. I also want to edit so when a customer clicks on the single product page image, I can make the pop up bigger than it is now..The only thing I can think wrong is that maybe the commerce file need to beside my enfold theme?
    3. I had the woo customer email working, but then once I tried editing the form, the process of the product order email to the customer, stopped working. Is there any info/images of the file structure of how woocommerce should be set up inside the plugins and/or inside Enfold.

    Help to explain if my files are in the right place and how to edit these solve these three problems, or where I’m going wrong that would be amazing! Thank you!

    November 3, 2014 at 10:14 pm #345561
    Elliott

    Hey Moritz72!

    1. Add this to your custom CSS,

    .single-product-main-image { width: 45% !important; }

    And then play around with the 45 value to increase the product image.

    2. With the magnific popup it’s going to display as large as it can inside your screen. Are you trying to change it so it displays the fullsize image? I don’t recommend doing this because then the customer may have trouble changing between the images and closing the popup.

    3. You shouldn’t have to move any files around. As long as you have the latest version of Enfold and the Woocommerce plugin installed then everything should work. It would be best to open a ticket with Woocommerce support about this, https://support.woothemes.com/hc/en-us.

    Cheers!
    Elliott

    • This reply was modified 10 years ago by Elliott.
    November 4, 2014 at 12:17 am #345637
    Moritz72

    Thanks very much Elliot. I put .single-product-main-image { width: 45% !important; } and all good in quick css: )
    Sorry I used to work in web design during the dreamweaver days, had a long break, I’m really behind the times now : )

    I also was hoping with single product page to also:
    1.Make a larger gap between the image and the text about 10% or 20%.
    2. Make the text sit in the horizontal centre of the page, instead of the title being squeezed up at the top.
    3. And get rid of the grey coloured description box.
    Hope not too many requests
    Thanks
    M

    November 4, 2014 at 6:56 pm #346014
    Elliott

    Hey!

    Send us a link to one of your products and we’ll take a look. You can mark your reply as private if you wish.

    Best regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
    November 4, 2014 at 8:07 pm #346064
    Moritz72
    This reply has been marked as private.
    November 4, 2014 at 11:39 pm #346229
    Elliott

    Hi!

    Unfortunately I don’t see an easy way of doing that. We can use CSS to move it around but that will affect all of your product pages and I’m sure you will have different descriptions for each product. The grey part is because it’s a tab where the user can switch between description and reviews. Are you wanting to just get rid of all of that and display the description on it’s own?

    Best regards,
    Elliott

    November 5, 2014 at 7:20 am #346374
    Moritz72
    This reply has been marked as private.
    November 5, 2014 at 7:58 pm #346727
    Elliott

    Hey!

    Try adding this to your custom CSS,

    div.product .product_title { margin-top: 100px !important; }

    And then add this to the bottom of your /enfold/functions.php file,

    add_action( 'woocommerce_after_single_product_summary', 'the_content', 1 );
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
function woo_remove_product_tabs( $tabs ) {
	unset( $tabs['description'] );
	unset( $tabs['reviews'] ); 
	unset( $tabs['additional_information'] ); 
	return $tabs;
}

    Regards,
    Elliott

    November 6, 2014 at 2:49 pm #347090
    Moritz72

    Thanks very much Elliott. I’m travelling at the moment but will get a chance to work on it soon.
    Thank you!
    Best
    Mo

    November 6, 2014 at 9:56 pm #347403
    Yigit

    Hi!

    Please try and let us know. We will be waiting to hear from you. Thread will be on hold until you reply.

    Regards,
    Yigit

    November 7, 2014 at 3:10 pm #347736
    Moritz72

    Yes thank you. I’m migrating the site and travelling at the moment. I don’t think I will get a chance to work on it until next week. Please keep thread on hold and I’ll get back to you when I have had a chance to work on it. Thanks again. Will let you know.

    November 7, 2014 at 3:17 pm #347746
    Yigit

    Hi!

    Sure. Thread will be on hold and will be opened when you reply. So please reply here when you have a chance to try :)

    Best regards,
    Yigit

    November 24, 2014 at 11:45 pm #357226
    Moritz72
    This reply has been marked as private.
    November 25, 2014 at 6:55 pm #357778
    Elliott

    Hi!

    Try adding this to your custom CSS.

    .single-product .product_title {
    margin-top: 100px !important;
}

    Regards,
    Elliott

    November 25, 2014 at 9:38 pm #357955
    Moritz72

    Thanks Elliott, I tried that in quick CSS, didn’t work. Where is my custom CSS for the single product page? if I use ftp to add the code. And what part of the page do I add the code? Best M

    November 26, 2014 at 5:07 am #358144
    Ismael

    Hey!

    Just to be clear, you want to separate the image and the title a little bit more? Use this on Quick CSS:

    .single-product-main-image {
margin-right: 80px !important;
}

    Cheers!
    Ismael

    November 26, 2014 at 1:14 pm #358257
    Moritz72

    Thanks Ismael, that did the trick! : )

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Editing Woocommerce single product page and customer emails.’ is closed to new replies.