Support » Code oplossingen gezocht » Pagina laden in sectie op de homepage

  • Opgelost stenekesentertainment

    (@stenekesentertainment)


    Hoi!

    Voor een website ben ik op zoek naar een oplossing om een pagina te laden in een deel van de template in plaats van op “read more/learn more” te drukken.

    Ik wil graag dat de pagina een betreffende pagina laad, die nu geopend word door op de “read/learn more” pagina te drukken. Het betreft 5 kopjes voor een menu kaart. Het is erg onhandig om nu steeds eerst ergens op moeten te drukken, doorverwezen worden naar een pagina, en als je meer zien wil, dat je eerst terug moet en dan naar het volgende kopje en dan wederom “learn/read more”.

    Ik heb zelf even geprobeerd iets te vinden, maar dit is mij niet gelukt?

    Het betreft volgende code:

    <?php
    /**
     * Template part for displaying section content in template-home.php.
     *
     * @link https://codex.wordpress.org/Template_Hierarchy
     *
     * @package AccessPress Themes
     * @subpackage ParallaxSome
     * @since 1.0.0
     */
    ?>
    
    <?php
    	$section_option = get_theme_mod( 'homepage_service_option', 'show' );
    	if( $section_option != 'hide' ) {
    		$section_title = get_theme_mod( 'services_section_title', esc_html__( 'Our Services', 'parallaxsome' ) );
    		$section_sub_title = get_theme_mod( 'services_section_sub_title', esc_html__( 'Our Works', 'parallaxsome' ) );
    		$section_description = get_theme_mod( 'services_section_description', '' );
    		$section_bg_image = get_theme_mod( 'service_bg_image', '' );
    ?>
    		<section class="ps-home-section" id="section-services" data-parallax="scroll" data-image-src="<?php echo esc_url( $section_bg_image ); ?>">
    			<div class="ps-section-container clearfix">
    				<div class="service-title wow fadeInDown" data-wow-duration="0.5s">
    					<?php parallaxsome_section_header( $section_title, $section_sub_title, $section_description ); ?>
    				</div>
    				<div class="section-content-wrapper wow fadeInUp" data-wow-duration="1s">
    					<ul class="nav service-nav-tab">
    						<?php
    							$default_nav_icon = array( 'fa-flag', 'fa-database', 'fa-codepen', 'fa-hand-o-left', 'fa-coffee' );
    							foreach ( $default_nav_icon as $icon_key => $icon_value ) {
    								$service_nav_tab = get_theme_mod( 'service_icon_'.$icon_key, $icon_value );
    								$service_page_value = get_theme_mod( 'service_page_id_'.$icon_key, '0' );
    								if( !empty( $service_page_value ) ) {
    									$tab_title = get_the_title( $service_page_value );
    									$tab_link = get_the_permalink( $service_page_value );
    
    						?>
    									<li>
    										<a href="<?php echo esc_html( $tab_link ); ?>" data-tab="stab-<?php echo esc_attr( $icon_key ).'-'.esc_attr( $service_page_value ); ?>">
    											<div class="tab-icon"><i class="fa <?php echo esc_attr( $service_nav_tab ); ?>"></i></div>
    											<div class="tab-void"><span class="tab-bullet"></span></div>
    											<div class="tab-title"><h4><?php echo esc_html( $tab_title ); ?></h4></div>
    										</a>
    									</li>
    						<?php
    								}							
    							}
    						?>
    						
    					</ul>
    					<div class="service-tab-content clearfix">
    						<?php 
    							for ( $i=0;  $i <= 4 ;  $i++ ) {
    								$service_page_id_value = get_theme_mod( 'service_page_id_'.$i, '0' );
    								if( !empty( $service_page_id_value ) ) {
    									$service_page_query = new WP_Query( array( 'page_id' => $service_page_id_value ) );
    									if( $service_page_query->have_posts() ) {
    										while ( $service_page_query->have_posts() ) {
    											$service_page_query->the_post();
    						?>
    											<div class="tab-pane" id="stab-<?php echo esc_attr( $i ).'-'.esc_attr( $service_page_id_value ); ?>">
    												<?php if( has_post_thumbnail() ) { ?>
    													<div class="content-left">
    														<?php the_post_thumbnail( 'parallaxsome_services_thumb' ); ?>
    													</div>
    												<?php } ?>												
    												<div <?php if( has_post_thumbnail() ) { ?>class="content-right" <?php } ?>>
    												</div>
    											</div>
    						<?php
    										}
    									}
    								}
    							}
    							wp_reset_postdata();
    						?>
    					</div><!-- . service-tab-content -->
    				</div><!-- .section-content-wrapper -->
    			</div><!-- .ps-section-container -->
    		</section>
    <?php } ?>

    Alvast bedankt

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Guido

    (@guido07111975)

    Hoi,

    De code die je doorgeeft is niet dezelfde als in het thema staat, dus je bent daar al mee bezig geweest.

    In het originele bestand zoek naar:

    
    the_excerpt();
    

    Vervang door:

    
    the_content();
    

    En daar kun je ook de code vd button en indien nodig die vd uitgelichte afbeelding weghalen.

    Maar deze wijziging raak je weet kwijt bij een update vh thema.
    Je kunt beter een topic op het forum van dit thema plaatsen met het verzoek om een instelling hiervoor toe te voegen aan de “Our Services Section” in de Customizer.

    Groeten, Guido

    Hoi Guido,

    dank voor je reactie. Ik heb geprobeerd met de wijziging dit aan te passen, echter geeft ie nou niet de gekoppelde pagina’s per button weer.

    De website heb ik overgenomen in beheer, dus ik weet niet precies wat nou nog originele code is en wat niet.

    Is het te realiseren dat de gekoppelde pagina bij een on click action geladen word in de section, waar nu de learn more button staat & dat dit per button verschilt?

    Alvast bedankt voor een reactie.

    Guido

    (@guido07111975)

    Hoi,

    Anders probeer je het even met het originele bestand (is hier te vinden) en voeg je mijn fix toe.
    Uiteraard nadat je jouw versie vd code even elders opgeslagen hebt.

    Guido

    stenekesentertainment

    (@stenekesentertainment)

    Hoi,

    ik heb het geprobeerd met de originele code, maar krijg het nog steeds niet voor elkaar om de betreffende pagina(s) te laden bij een onclick actie.

    Zie je misschien een andere oplossing hiervoor?

    Chaim

    Guido

    (@guido07111975)

    Hoi Chaim,

    Heb je toevallig een kloon van deze site ook ergens anders staan, dan wil ik wel even inloggen en kijken of het mij wel lukt om het werkend te krijgen. Zo ja, hoe kan ik je bereiken?

    Guido

    Hoi Guido,

    Ik zal even kijken of ik een clone online kan zetten.
    Je kan mij bereiken via info@stenekesentertainment.nl

    Chaim

    Guido

    (@guido07111975)

    Hoi,

    Ik heb je een mail gestuurd.

    Guido

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)