Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #728740

    I have enfold installed and woocommerce installed, but I want to edit how the product and category pages are layed out.

    I doing research on this site I found that Enfold doesn’t really use the woocommerce template as in config-woocommerce\config.php basically every woocommerce hook gets removed.

    I weeded through that file but it was hard to decipher exactly what was going on.

    Please point me in the right direct as to what hooks I need to hook into to adjust how the product page is layed out.

    When I try and use the standard woocommerce way of editing the template it looses the enfold features. Please help

    #728836

    Hey ahouglum,

    Thank you for using Enfold.

    What specific changes are you trying to implement in those pages? You can refer to the WooCommerce template hooks and filter documentation for more info.

    // https://docs.woocommerce.com/wc-apidocs/hook-docs.html
    // https://docs.woocommerce.com/document/introduction-to-hooks-actions-and-filters/

    Best regards,
    Ismael

    #729062

    I am looking to move where the shop sidebar is located. But, the shop sidebar is not apart of the normal woocommerce sidebar code. Seems to be put in separately.

    #729324

    Hi,

    Where do you want to move it? Did you try the shop page’s Layout > Sidebar Settings?

    Best regards,
    Ismael

    #729551

    I want to move the side bar all to the left of the image. I will post a link to our design in the “private content” section for you to review.

    #730118

    Any word on this? I am on a deadline and could use your help.

    #730198

    Hi,

    Thank you for the screenshot.

    Please add the following code in the functions.php file.

    // adjust settings on init
    add_action('init','ava534345953_init', 50);
    function ava534345953_init() {
    	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
    }
    
    function avia_close_image_div() {
    	global $avia_config;
    	echo "</div>";
    }
    
    function avia_add_sidebar() {
    	if(is_product()) {
    	$avia_config['currently_viewing'] = "shop_single";
    	get_sidebar();
    	}
    }
    
    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	function a() {
    		$('.single .product').prepend('<div class="single-product-main-container"></div>');
    		$('.single-product-main-image, .single-product-summary').prependTo('.single-product-main-container');
        }
    
    	a();
    })(jQuery);
    </script>
    <?php
    }

    And this code in the Quick CSS field.

    .single-product-main-container {
        width: 70%;
       float: right;
       margin-left: 5%
    }
    
    .single-product-main-image {
        width: 45%;
        float: left;
        margin-right: 0;
    }
    
    .single-product-summary {
        overflow: hidden;
        width: 45%;
        float: left;
        margin-left: 5%;
    }
    
    .single-product .sidebar {
        width: 25%;
    }

    Best regards,
    Ismael

    #925660

    Dear Ismael,

    I would like to use the WooCommerce 3.0 product gallery in my costume product layout, how to integrate it?

    Ty,

    d.

    • This reply was modified 2 years, 6 months ago by  dwebprojects.
    #927034

    Hi,

    It’s already available on version 4.2.6. You can find the option in the Enfold > Shop Options > Product gallery settings.

    Best regards,
    Ismael

    #1081578

    Is it possible to display the woocommerce single product gallery in product pages built using ALB? I have checked the theme in shop settings to view the woocoomerce gallery and I can’t find the option to implement it in custom built product pages. Please advise.
    Thank you.

    #1082470

    Hi,

    The default product gallery is not going to be included in the ALB template. You have replace it with the default gallery or the image sliders, which are available under the Media Elements panel.

    Best regards,
    Ismael

    #1146187

    Hi is there a way to put a text before the price example: From $ 3,50.
    I want to do this on the shop/archive page where you can see the products of the woocommerce plugin.
    Or can i put my custom advanced field on it?

    #1146687

    Hi,

    @peruwan: Thank you for the inquiry. You can use this filter to append a text before the price.

    // http://hookr.io/filters/woocommerce_get_price_html/

    Please open a new thread if you need further assistance.

    Best regards,
    Ismael

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

The topic ‘How to edit woocomerce product page layout’ is closed to new replies.