How to change URL of links on wordpress home page?

Question

JavaScript

boats-spb.com

There are several forms with services on the main page, when hovering over, the "more" button pops up, which leads to the wrong address.

Wedding on a boat, walk, water excursion, transfer. - all these blocks should lead to certain pages, but now they lead to the same wrong page. How to change the link address for each specific service? .

Answer 1

Pavel Pavel ,

<?php get_header(); ?>

  <div class="container">
  	<div class="row section-1">
  		<div class="col-md-12">
        <img src="<?php bloginfo('template_url'); ?>/images/header.jpg" alt="">
       <p><?php the_field('center_text','option');?></p>
       <a href="#contact_form_pop" class="fancybox-inline" >Заказать онлайн</a>
    </div>

  	</div>
<div style="display:none" class="fancybox-hidden">
           <div id="contact_form_pop">                
            <div role="form" class="wpcf7" id="wpcf7-f48-p124-o1" lang="ru-RU" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/kater/katarina/#wpcf7-f48-p124-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="48">
<input type="hidden" name="_wpcf7_version" value="4.3">
<input type="hidden" name="_wpcf7_locale" value="ru_RU">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f48-p124-o1">
<input type="hidden" name="_wpnonce" value="f1b8698c5e">
</div>
<p>Ваше имя*<br>
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span> </p>
<p>Телефон*<br>
<span class="wpcf7-form-control-wrap tel-218"><input type="tel" name="tel-218" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false"></span>
</p>
<p>Дата* <br>
    <span class="wpcf7-form-control-wrap date-447"><input type="date" name="date-447" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date" id="date" aria-required="true" aria-invalid="false"></span><span class="wpcf7-form-control-wrap number-119"><input type="number" name="number-119" value="0" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-number" min="0" max="24" aria-invalid="false"></span>:<select id="time-select"><option value="00">00</option><option value="30">30</option></select><br>
<span class="wpcf7-form-control-wrap text-254"><input type="text" name="text-254" value="00" size="40" class="wpcf7-form-control wpcf7-text" id="time-minutes" aria-invalid="false"></span></p>
<p><span class="wpcf7-form-control-wrap text-217"><input type="text" name="text-217" value="" size="40" class="wpcf7-form-control wpcf7-text" id="url-link" aria-invalid="false"></span></p>
<p>Ваш e-mail <br>
    <span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-email" aria-invalid="false"></span> </p>
<p>Сообщение<br>
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea></span> </p>
<p><input type="submit" value="Заказать" class="wpcf7-form-control wpcf7-submit"><img class="ajax-loader" src="http://boats-spb.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Отправка..." style="visibility: hidden;"></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>					 </div>
           </div>
  <div class="row section-2">
  <?php 
    
      $tmp = get_field('boats','option');
      $boats = array();
      foreach($tmp as $key => $value){
        $boats[] = $value['boats'];
      }
      $args = array(
      'post_type' => array( 'yahta','teplohod','kater' ),
      'orderby' => 'date',
      'posts_per_page' => 3,
      'post__in' => $boats
      );
      $counter = 0;
      $query = new WP_Query($args);
      
    
      ?>
      
      <?php if ($query->have_posts()) : ?>
        <?php while($query->have_posts()) : $query->the_post(); ?>
        <?php 
        $counter++;
        if($counter == 3):?>
        <div class=" col-md-8 view view-second">
        <?php else:?>
        <div class=" col-md-6 view view-second">
        <?php endif; ?>
                    <?php  $img_arr = get_field('img',$query->post->ID); echo '<img src="'.$img_arr['sizes']['large'].'">';?>
                    <div class="mask"></div>
                    <div class="content-boat">
                        <div class="title"><?php the_title();?></div>
                        <?php the_excerpt();?>
                        <a href="<?php the_permalink();?>" class="info">Подробнее</a>
                    </div>
                </div>
        
        
        
        
          
        <?php endwhile;?>
      <?php endif;wp_reset_postdata();?>	
      
      <?php
      $terms = get_field('services','option');
      $counts = 0;
      foreach( $terms as $value ): $term = $value['service'][0]; $counts++; ?>
          <?php if($counts<5):?>
          <div class=" col-md-4 view view-second services">
                    <?php  $img_arr = get_field('image','uslugi_'.$term->term_id); echo '<img src="'.$img_arr['sizes']['boat-thumbnail'].'" class="img-responsive">'; ?>
                    <div class="mask"></div>
                    <div class="content-boat">
                        <div class="title"><?php echo $term->name;?></div>
            <p><?php echo $term->description;?></p>
                        <a href="<?php the_permalink();?>" class="info">Подробнее</a>
                    </div>
                </div>
        <?php endif; endforeach;?>
  </div>
  <div class="row section-5">
    <div class="col-md-12">
      <div class="col-md-3"><span>О нас</span></div>
      <div class="col-md-9">
        <div class="col-md-6"><?php the_field('left_text','option');?></div>
        <div class="col-md-6"><?php the_field('right_text','option');?></div>
      </div>
    </div>
  </div>
  </div>

<?php get_footer();?>

Answer 2

Try "wp_reset_postdata();" replace with "wp_reset_query();"