Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1183971

    Hi,

    I’m building a new e-commerce website and I’m using Enfold 5.3.2 and Woocommerce 3.9.1.
    For my Product page I need a big image and I have tried to modifiy the sixe values in the administration panel as shown in the documentation. but the image rremain too small.
    After visiting the forum pages I have tried all the suggested tricks , I have settled the Woocommerce settings to 1200 px for the main product image, the image size in the Media Library is 1536×1536 px, but in the web page it remain too small.
    My need is to customize the TEMPLATE, not just the single page of one product.
    I have tried some plugins suggested in the forum like simple-image-size, but still not works for me.
    Do you have any suggestion how can we achieve this??
    Kind regards,
    Roberto

    #1184296

    Hey robearri,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #1184448

    Hi Victoria,
    I wont to build a Single Product page with a beatiful large picture for an e-commerce.
    Here some examples:
    https://www.archiproducts.com/it/prodotti/moab80/mobile-bagno-componibile-t25_338504

    https://www.masalledebain.com/meuble-de-salle-de-bain/343990-meuble-de-salle-de-bain-suspendu-bois-cambrian-120-cm-tropcoul.html
    I have tried all the settings within Enfold theme but the maximum size for my page is like this:

    I’m actually trying a third party plugin but It seems not working.
    Any suggestion how can I achieve this with Enfold ?
    Many thanks for your help.
    Roberto

    #1184782

    Hi Roberto,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .single-product-main-image {
        width: 60%;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1185788

    Hi Victoria,
    I copied and put the code in Enfold>GeneralStyl>Quick Css. It works perfect !
    Thanks a lot for your precious help.
    Great theme, I love it.
    Best regards,
    Roberto

    #1185816

    Hi robearri,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1186542

    Hii Victoria
    I m still working on the single product page. Sorry to bother you again…
    I would have the thumbnails on the left of the main image instead of bottom as usual and smaller size then actually. So main image and thumbnails take 60% of the page. I tried a css by Ismael in the forum but It dont works for me. Do you have a solution ?

    #1187618

    Hi,

    Thank you for the update.

    You can use the following css code to resize the main image and move the thumbnails beside it.

    .woocommerce-product-gallery__wrapper > a {
    	width: 80%;
    	float: right;
    }
    
    .woocommerce-product-gallery__wrapper > .thumbnails {
    	float: left;
    	width: 20%;
    }
    
    .responsive #top .woocommerce-product-gallery__wrapper > .thumbnails a {
    	width: 100%;
    	margin-top: 0;
    }

    Best regards,
    Ismael

    #1187670

    Many Thanks Isamael,
    I have tried your code, it works perfectly.
    Many thanks for your help.
    Kind regards,
    Roberto

    #1187852

    Hi Roberto,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1194769

    Hi Victoria,
    I’m still working on the product page template, that for an e-commerce is a crucial aspect. I have now a large product image with nice picture and all is working pretty well. As i have long description and data for my product, I wolud like to have the Product Dscription/Addictional Infos/Rating TAB , BELOW the main product image tacking 100% pf the page. Actually is streched totally on the right. Plesse see:

    Can you expalin how can I achieve this ?
    Can you help me?
    Best regards,
    Roberto

    #1195923

    Hi,

    Thank you for the update.

    You can use this snippet in the functions.php file to move the product tabs below the gallery.

    function av_woo_tabs_below() { 
        remove_action(    'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
        add_action(    'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 );
    } 
    add_action( 'init', 'av_woo_tabs_below');
    

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.