Tagged: contact, page template, Section
-
AuthorPosts
-
August 19, 2016 at 2:49 pm #674775
I wanted to add a contact section on the bottom of every page. And on the side of every page I would like a contact button that references to that section. I made this on one page using a content section called: #demo-aanvragen
Then I just added a code block with some html and added some css to reference the button to the bottom section.
<div class="demo-cta"> <a href="#demo-aanvragen"> <img src="/ricru/wp-content/uploads/2016/07/demo-aanvragen.png" /> </a> </div>
Now this works perfectly but I was wondering if it is possible to add this standard to every page. I know I can save templates of each page but if I make a change in the text I have to do this on every page. I was wondering if it is possible to add something like this to the template so i only have to change it once and it adds it to every page.
- This topic was modified 8 years, 4 months ago by vonwelzen.
August 22, 2016 at 1:59 pm #675727Hey vonwelzen,
Can you please post a screenshot and show where you would like to display your image? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
Also, you can go to Appearance > Widgets and place it in a widget area and display it in footer or in sidebar
Best regards,
YigitAugust 22, 2016 at 2:07 pm #675736Hi Yigit,
Please take a look at the link I posted. I already added the image fixed to the side of every page referring to a content section on the bottom of the page using “<a href =#name. etc” So it works exactly as I want to. The problem is that if i want to change for example the tekst of the content section i have to do it on each page.
my question: Is it possible to make this dynamic so everytime i create a page it will load the image and the content section by default. So any change si make it will change it throughout the site.
August 22, 2016 at 2:12 pm #675740Hi!
Please add following code to functions.php file in Appearance > Editor
add_action('avia_before_footer_columns','avia_custom_side_content'); function avia_custom_side_content(){ ?> <div class="demo-cta"> <a href="#demo-aanvragen"> <img src="/ricru/wp-content/uploads/2016/07/demo-aanvragen.png" /> </a> </div> <?php }
It will add the content above footer, then you can adjust it using CSS
Regards,
YigitAugust 22, 2016 at 2:16 pm #675747Oke this will make the button dynamic but can I also make the demo blok on the bottom of the page dynamic so if I were to change the text of the bottom content section it would change on every page?
August 23, 2016 at 1:07 pm #676373I want to load this section on evey page: http://imgur.com/sW6JsGB
It is some simple code and a contact form. Can I load this on every page using functions?
August 23, 2016 at 1:11 pm #676379I know these are the shortcodes for the section. But is it possible to load these AVIA shortcodes after the content on every page with hook like ava_after_main_container. or use shortcodes like echo do_shortcode(“[shortcode]”); Thanks in advance for the great help!
[av_section min_height='75' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='demo-aanvragen' color='main_color' custom_bg='' src='http://www.elephantdevelopment.nl/ricru/wp-content/uploads/2015/02/demo-aanvragen.jpg' attachment='583' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#0e76bc' overlay_pattern='' overlay_custom_pattern=''] [av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_heading tag='h1' padding='10' heading='<strong>Gratis demo</strong>' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='40' subheading_active='subheading_below' subheading_size='20' custom_class=''] Wil je ervaren hoe recruitment weer leuk wordt voor jou? Vraag de gratis demo aan en we laten het je zien. [/av_heading] [/av_one_full][av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_codeblock wrapper_element='' wrapper_element_attributes=''] [contact-form-7 id="1244" title="Contactformulier 1"] [/av_codeblock] [/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [/av_one_third] [/av_section] [av_section min_height='' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' id='code-block' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_codeblock wrapper_element='' wrapper_element_attributes=''] <div class="demo-cta"> <a href=#demo-aanvragen> <img src=/ricru/wp-content/uploads/2016/07/demo-aanvragen.png> </a> </div> [/av_codeblock] [/av_section]
- This reply was modified 8 years, 3 months ago by vonwelzen.
August 24, 2016 at 3:28 pm #677031Hi,
Please try adding following code to functions.php file
add_action('avia_before_footer_columns','avia_custom_side_content'); function avia_custom_side_content(){ echo do_shortcode("[av_section min_height='75' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='demo-aanvragen' color='main_color' custom_bg='' src='http://www.elephantdevelopment.nl/ricru/wp-content/uploads/2015/02/demo-aanvragen.jpg' attachment='583' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#0e76bc' overlay_pattern='' overlay_custom_pattern=''][av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][av_heading tag='h1' padding='10' heading='<strong>Gratis demo</strong>' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='40' subheading_active='subheading_below' subheading_size='20' custom_class='']Wil je ervaren hoe recruitment weer leuk wordt voor jou? Vraag de gratis demo aan en we laten het je zien.[/av_heading][/av_one_full][av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][av_codeblock wrapper_element='' wrapper_element_attributes=''][contact-form-7 id='1244' title='Contactformulier 1'][/av_codeblock][/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][/av_one_third][/av_section][av_section min_height='' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' id='code-block' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''][av_codeblock wrapper_element='' wrapper_element_attributes=''] <div class='demo-cta'><a href='#demo-aanvragen'><img src=/ricru/wp-content/uploads/2016/07/demo-aanvragen.png></a></div> [/av_codeblock][/av_section]"); }
Best regards,
Yigit- This reply was modified 8 years, 3 months ago by Yigit.
-
AuthorPosts
- You must be logged in to reply to this topic.