Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 12, 2020 at 6:48 pm #1183971
    robearri

    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

    February 13, 2020 at 8:40 pm #1184296
    Victoria

    Hey robearri,

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

    Best regards,
    Victoria

    February 14, 2020 at 10:39 am #1184448
    robearri

    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:

    LAVABO 561

    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

    February 15, 2020 at 6:18 pm #1184782
    Victoria

    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

    February 18, 2020 at 7:26 pm #1185788
    robearri

    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

    February 18, 2020 at 8:15 pm #1185816
    Victoria

    Hi robearri,

    Glad we could help :)

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

    February 20, 2020 at 9:18 pm #1186542
    robearri

    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 ?

    February 25, 2020 at 9:15 am #1187618
    Ismael

    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

    February 25, 2020 at 12:43 pm #1187670
    robearri

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

    February 25, 2020 at 10:05 pm #1187852
    Victoria

    Hi Roberto,

    Glad we could help :)

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

    March 20, 2020 at 11:43 am #1194769
    robearri

    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:

    Icon, Lavabo ad appoggio rotondo in Stonelight

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

    March 24, 2020 at 9:39 am #1195923
    Ismael

    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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.