Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1139463

    Hi,
    I am working right now with enfold combinated with woocommerce.
    I just have the question if you know where i can find the settings for the different categorie pages.It seems that i can just make settings over the widgets. I would like to put a slider/header picture in the pages that will be clicked from the product categorie menu but can`t find it.
    Would be great to get some help, haven`t heard something from woocommerce.

    Thanks a lot,
    rixi

    #1140467

    Hey rixi,
    Sorry for the late reply, please go to the Enfold theme setting: Enfold Theme Options > Shop Options > Main Shop Page Banner when this is changed to Yes, display a banner image a new option below will appear Enable Banner for product category pages You can enable the shop banner for all categories as well and set individual banners by editing the category.

    Best regards,
    Mike

    #1140572
    This reply has been marked as private.
    #1140639

    Hi,
    For the category banner, this is as close as I could get it as it’s a different element than on your shop page, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #av_product_description,#av_product_description > .av-parallax {
    	transform: none !important; 
        height: 173px !important; 
    }
    #av_product_description .av-section-color-overlay {
    	opacity: 0.1 !important;
        background-color: #1b4b7b !important; 
    }
    #av_product_description > .av-section-color-overlay-wrap h1 {
    	float: left !important;
    	font-size: 35px !important; 
        color: #1b4b7b !important;
        font-weight: 600 !important; 
    }
    #av_product_description .av-parallax-inner.av-parallax-woo {
        background-position: 100% 50% !important; 
        background-repeat: no-repeat !important; 
        background-size: contain !important; 
    }
    #av_product_description > div.av-section-color-overlay-wrap > div.container > main {
    	padding-top: 30px !important; 
    }

    Then clear your browser cache and check. Please see the screenshot in Private Content area.
    I’m not sure about your next question but you can only have one banner per category.
    If you are asking about putting banners on individual product pages, this is possible but with a custom function that you will have to manually add the image url and product or page id. This example adds a banner to any product, note that the image url is from my localhost so you will have to change it. Also the above css is required to style it like the following screenshot.

    add_action('ava_after_main_container', 'add_banner_before_breadcrumb'); 
    function add_banner_before_breadcrumb() {
    	if ( is_product() )
    	{
    		echo'<div id="av_product_description" class="avia-section main_color avia-section-large avia-no-border-styling avia-full-stretch av-parallax-section av-section-color-overlay-active avia-bg-style-parallax container_wrap fullsize" data-section-bg-repeat="stretch" style="color:#000000;">';
    		echo'<div class="av-parallax avia-full-stretch active-parallax" data-avia-parallax-ratio="0.3"><div class="av-parallax-inner av-parallax-woo" style="background-image: url(https://test.test/wp-content/uploads/2019/09/bildleiste_isc_produkte_neu-1500x170.jpg); main_color background-attachment: scroll; background-position: 50% 50%; background-repeat: no-repeat;"></div></div><div class="av-section-color-overlay-wrap">';
    		echo'<div class="container"><main class="template-page content av-content-full alpha units"><h1><p>'. get_the_title() .'</p></h1></main></div></div></div>';
    	}
    }

    2019-09-22-091231

    Best regards,
    Mike

    #1140706
    This reply has been marked as private.
    #1140735

    Hi,
    Very good, we will leave this open to hear back from you.

    Best regards,
    Mike

    #1140919
    This reply has been marked as private.
    #1141271

    Hi,
    Please include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    #1141303
    This reply has been marked as private.
    #1142118

    Hi,
    Thanks, but I’m getting the error “Invalid username.”
    Please check.

    Best regards,
    Mike

    #1142152
    This reply has been marked as private.
    #1142552

    Hi,
    Thanks for the login, I took a look at your Quick CSS and found that the css you had added included &gt; instead of >, so the css was not working. I replaced the css with the code above and added and image to your category Steuereinheiten and it seems to be working. Please see the link in the Private Content area.
    Please clear your browser cache and check, and feel free to add images to your other categories.

    Mike

    #1142607
    This reply has been marked as private.
    #1142953

    Hi,
    Sorry, I think I’m getting confused here, the css doesn’t put the banner image in place, you must add it via the category options:
    2019-09-28-000141
    2019-09-28-000414
    The css adjusts the image to show correctly:
    2019-09-28-000901
    I hope this makes sense?

    Best regards,
    Mike

    #1144141
    This reply has been marked as private.
    #1144289

    Hi,

    Did you need additional help or shall we close this topic?

    Best regards,
    Jordan Shannon

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