Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #345441

    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!

    #345561

    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 9 years, 4 months ago by Elliott.
    #345637

    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

    #346014

    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 9 years, 4 months ago by Elliott.
    #346064
    This reply has been marked as private.
    #346229

    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

    #346374
    This reply has been marked as private.
    #346727

    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

    #347090

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

    #347403

    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

    #347736

    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.

    #347746

    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

    #357226
    This reply has been marked as private.
    #357778

    Hi!

    Try adding this to your custom CSS.

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

    Regards,
    Elliott

    #357955

    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

    #358144

    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

    #358257

    Thanks Ismael, that did the trick! : )

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