Tagged: , , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 18, 2016 at 12:23 am #600005
    Swif

    Hi guys,

    Congrats on the Enfold Theme, you did a great job!

    For a project I am currently working on I can’t use the Avia Layout Builder. The project is using an own plugin for publishing pages and this plugin can’t handle the Avia Layout Builder. The default editor is supported so I need to design the pages in the default editor.

    I want to create a full-width easy slider background similar to the one on the demo website http://kriesi.at/themedemo/?theme=enfold-overview.

    In the default editor I can find the option “Easy Builder” to create a boxed slider, but there is no option to create a “Full-width Easy Slider”.

    Therefore I need to use the Avia Layout Builder, but like I mentioned I can’t use the Avia Layout builder in this project.

    Can you guys provide me a shortcode that I can use in the default editor to create a full-width image?

    Thanks in advance & kind regards,
    Chris

    March 18, 2016 at 5:08 am #600067
    Vinay

    Hey Swif!

    Please enable debug mode you can get shortcode for all Advance layout builder elements. :)

    Enable Avia Layout Builder Debug

    Cheers!
    Vinay Kashyap

    March 18, 2016 at 10:09 am #600175
    Swif

    Dear Vinay,
    Thanks for your quick reply!
    I’ve managed to enable the Avia Layout Builder Debug function, but I’m not there yet.
    In the Avia Layout Builder I’ve created a full width backgorund that looks like this: https://www.dropbox.com/s/ytgo0sutkpntcn7/1.jpg?dl=0

    After enabling the debug function I get the following code:

    [av_slideshow_full size='featured' stretch='' animation='slide' autoplay='false' interval='5' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll']
    [av_slide_full slide_type='image' id='3301' video='' mobile_image='' video_format='' video_ratio='' title='Specialist in aanbouw en uitbouw' custom_title_size='42' custom_content_size='30' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Offerte aanvragen' button_color='orange' link1='manually,http://' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
    Vraag vrijblijvend een offerte aan
    [/av_slide_full]
    [/av_slideshow_full]

    When I paste the code above in a new page and publish it, the page is not similar to the one I’ve build in the Avia Layout Builder. The result is “boxed” (no full-width background) and looks like: https://www.dropbox.com/s/cu6y6u81rcjfbub/2.jpg?dl=0

    I’ve tried to change the code above, unfortunately with no result.

    Can you help me with this? You would do me a big favor! It’s essential for my project to succeed.

    Thanks in advance,
    Chris

    March 19, 2016 at 9:48 am #600644
    Swif

    Hi guys,
    Your advice would be greatly appreciated, so I can finish my project.

    Cheers,
    Chris

    March 21, 2016 at 6:36 am #601043
    Rikard

    Hi Chris,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    March 21, 2016 at 11:21 am #601153
    Swif
    March 22, 2016 at 5:40 am #601676
    Rikard

    Hi Chris,

    Login details are not working for me, could you check/verify please?

    Thanks,
    Rikard

    March 23, 2016 at 1:44 pm #602505
    Swif

    Dear Rikard,
    I’ve send you the correct login details. Can you get acces now?
    If you need more information please let me know.

    Kind regards,
    Chris

    March 26, 2016 at 7:45 am #603780
    Ismael

    Hi!

    The full width slider or image is constrained inside a container. You have to modify the page.php file if this is a page or the single.php file for posts. Why do you need to use another builder? One of the best feature of the theme is its advance layout builder.

    Cheers!
    Ismael

    March 29, 2016 at 10:19 am #604335
    Swif

    Dear Ismael,
    Thanks for your reply!
    I want to make the changes to the page.php file. Can you let me know what I exactly need to change in the page.php file?
    I’m using another plugin that allows me to work with variables. I need to work with this plugin to finish the project for my customer.
    Looking forward hearing from you!

    Regards,
    Chris

    March 31, 2016 at 5:06 am #605621
    Ismael

    Hi!

    You have to remove the container div. Anyway, instead of editing the page.php file, try this in the functions.php file:

    // slider
add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() {
	?>
	<script type="text/javascript">
		(function($){
			function a() {
				var slider = $('.template-page .avia-fullwidth-slider').detach();
				$('#main').prepend(slider);
			}

			a();
		})(jQuery);
	</script>
	<?php
}

    Cheers!
    Ismael

    March 31, 2016 at 8:43 am #605704
    Swif

    Ismael, thanks a lot! You’ve made my day! :)

    Kind regards,
    Chris

    • This reply was modified 8 years, 8 months ago by Swif.
    March 31, 2016 at 10:32 am #605761
    Ismael

    Hi!

    No problem. Let us know if you need anything else. :)

    And if you have the time, please drop a comment or rate the Enfold theme. Here’s how: http://themeforest.net/forums/thread/how-to-rate-a-file-template-download-it-now-/58963

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Full-width Easy Slider shortcode’ is closed to new replies.