Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter sadosubliminal

    (@sadosubliminal)

    1st solution worked great, thanks so much!

    Thread Starter sadosubliminal

    (@sadosubliminal)

    I will try those, thanks!

    Thread Starter sadosubliminal

    (@sadosubliminal)

    I appreciate you are trying to help, but as I pointed out in my original post, I followed the instructions found both in the video and in the help file. The slider options box did not appear. It wasn’t until after I had tweaked the code that the options box appeared on any given “edit image” page.

    The video is only helpful if the theme is working properly with your installation of wordpress. I have not found the cause of the issue, possibly a compatibility issue with my host, but as the problem has since gone away, I call this issue resolved.

    Thread Starter sadosubliminal

    (@sadosubliminal)

    Thanks for the response. Whenever I upload images, there were no additional options present, and quite often I would get an “html error” message once the upload was complete. I suspect there are compatibility issues with my host. Regardless, it started working spontaneously tonight. There is now a slider option box at the bottom of each image (on the edit image page).

    This happened after I took the default slider code and modified it to present my own images and links. I’m not saying the events are related, but it’s odd that I tweaked the default slider code and then the slider options suddenly appear. Here’s an example of the changes I made to the “class-header-slider.php” file:

    Old Code

    <img width="1200" height="500" src="<?php echo TC_BASE_URL ?>inc/img/phare.jpg" class="slide wp-post-image" alt="<?php _e( 'Customizr is a clean responsive theme' , 'customizr' ) ?>">
                        </div>
                        <div class="carousel-caption">
                            <h1><?php _e( 'Customizr is a clean responsive theme' , 'customizr' ) ?></h1>
                              <p class="lead"><?php _e( 'Let your creativity speak and easily customiz\'it the way you want!' , 'customizr' ) ?></p>
                             <a class="btn btn-large btn-primary" href="<?php echo $admin_link; ?>"><?php _e( 'Learn more' , 'customizr' ) ?></a>

    New code

    <img width="1000" height="667" src="<?php echo TC_BASE_URL ?>inc/img/BG12.jpg" class="slide wp-post-image" alt="<?php _e( 'Style your WordPress site live!' , 'customizr' ) ?>">
                      </div>
                      <div class="carousel-caption">
                          <h1><?php _e( 'News, Announcements, and Events' , 'customizr' ) ?></h1>
                            <p class="lead"><?php _e( 'New Projects, New Gear, and and Live Events You Don

    t Want To Miss!’ , ‘customizr’ ) ?></p>
    <?php _e( ‘Go!’ , ‘customizr’ ) ?>`

    Anyway, not sure if the changes I made triggered something else, or if it is just random. But it works now, and that’s all I care about.

    Thread Starter sadosubliminal

    (@sadosubliminal)

    Here’s the code, if that helps. Anything missing? Found under admin dashboard>Appearance>Aditor>class-header-slider.php :

    <?php
    /**
    * Slider actions
    *
    *
    * @package      Customizr
    * @subpackage   classes
    * @since        3.0
    * @author       Nicolas GUILLAUME <[email protected]>
    * @copyright    Copyright (c) 2013, Nicolas GUILLAUME
    * @link         https://themesandco.com/customizr
    * @license      https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
    */
    
    class TC_slider {
    
        function __construct () {
            add_action( '__slider'                              , array( $this , 'tc_display_slider' ));
            add_action( 'wp_footer'                             , array( $this , 'tc_slider_footer_options' ),20);
        }
    
      /**
       *
       * @package Customizr
       * @since Customizr 1.0
       *
       */
      function tc_display_slider() {
    
          //prevent the main ID override when creating a new query. (only if it is included in the main loop but who knows...)
          if (is_404() || is_archive() || is_search())
            return;
    
          $__options                    = tc__f ( '__options' );
    
          //get the current slider id
          $slider_name_id               = tc__f ( '__screen_slider' );
    
          if ( tc__f('__is_home') && $__options['tc_front_slider'] !=null ) {
              $slider_name_id           = $__options['tc_front_slider'];
          }
    
          //is the slider on?
          $slider_active                = esc_attr(get_post_meta( get_the_ID(), $key = 'post_slider_check_key' , $single = true ));
            if ( tc__f('__is_home') && $__options['tc_front_slider'] !=null) {
              $slider_active            = true;
          }
    
          //get slider options if any
          $layout_value                 = esc_attr(get_post_meta( get_the_ID(), $key = 'slider_layout_key' , $single = true ));
          if ( tc__f('__is_home') ) {
            $layout_value               = tc__f ( '__get_option' , 'tc_slider_width' );
          }
    
          $layout_class                 = '';
          $img_size                     = 'slider';
    
          if ( $layout_value == 0) {//if boxed slider is checked
            $layout_class               = 'container';
            $img_size                   = 'slider';
          }
          else {
            $img_size                   = 'slider-full';
          }
    
          //render the slider : two cases
          switch ( $slider_name_id) {
            case 'demo':
    
            //admin link if user logged in
            $admin_link                 = '';
            if (is_user_logged_in())
              $admin_link                = admin_url().'customize.php';
    
            ?>
              <div id="customizr-slider" class="<?php echo $layout_class ?> carousel slide">
                <div class="carousel-inner">
                    <div class="item active">
                       <div class="carousel-image">
                          <img width="1200" height="500" src="<?php echo TC_BASE_URL ?>inc/img/phare.jpg" class="slide wp-post-image" alt="<?php _e( 'Customizr is a clean responsive theme' , 'customizr' ) ?>">
                        </div>
                        <div class="carousel-caption">
                            <h1><?php _e( 'Customizr is a clean responsive theme' , 'customizr' ) ?></h1>
                              <p class="lead"><?php _e( 'Let your creativity speak and easily customiz\'it the way you want!' , 'customizr' ) ?></p>
                             <a class="btn btn-large btn-primary" href="<?php echo $admin_link; ?>"><?php _e( 'Learn more' , 'customizr' ) ?></a>
                        </div>
                    </div>
                  <div class="item">
                     <div class="carousel-image">
                          <img width="1200" height="500" src="<?php echo TC_BASE_URL ?>inc/img/chevrolet.jpg" class="slide wp-post-image" alt="<?php _e( 'Style your WordPress site live!' , 'customizr' ) ?>">
                      </div>
                      <div class="carousel-caption">
                          <h1><?php _e( 'Style your WordPress site live!' , 'customizr' ) ?></h1>
                            <p class="lead"><?php _e( 'Many layout and design options are available from the WordPress customizer screen : see your changes live !' , 'customizr' ) ?></p>
                           <a class="btn btn-large btn-primary" href="<?php echo $admin_link; ?>"><?php _e( 'Just try it!' , 'customizr' ) ?></a>
                        </div>
                    </div>
                  <div class="item">
                     <div class="carousel-image">
                      <img width="1200" height="500" src="<?php echo TC_BASE_URL ?>inc/img/ampoules.jpg" class="slide wp-post-image" alt="<?php _e( 'Create beautiful sliders' , 'customizr' ) ?>">
                    </div>
                    <div class="carousel-caption">
                      <h1><?php _e( 'Create beautiful sliders' , 'customizr' ) ?></h1>
                          <p class="lead"><?php _e( 'Customizr comes with a cool slider generator : add a slider to any post or page!' , 'customizr' ) ?></p>
                         <a class="btn btn-large btn-primary" href="<?php echo $admin_link; ?>"><?php _e( 'Discover the features' , 'customizr' ) ?></a>
                    </div>
                  </div>
                </div><!-- /.carousel-inner -->
                <a class="left carousel-control" href="#customizr-slider" data-slide="prev">&lsaquo;</a>
                <a class="right carousel-control" href="#customizr-slider" data-slide="next">&rsaquo;</a>
              </div>
              <?php
              break;
    
            default:
                //get the slider ID
                /*There is a tricky case with the blog page. If we choose to assign a page for the blog posts, then this page will return a
                *'true' value if we test it with is_home(). Even if it is not the home page of the website!
                *to solve this problem, we check with is_front_page().
                */
    
                //do we have a slider?
                if(empty( $__options['tc_sliders'][$slider_name_id])) {
                  return;
                }
    
                //slider active?
                if (isset( $slider_active) && !$slider_active) {
                  return;
                }
    
                //get slides
                $slides = $__options['tc_sliders'][$slider_name_id];
    
                //check if we have slides AND if they have an image!
                $has_slides = array();
    
                if ( $slides ) {
    
                  foreach ($slides as $attachment_id) {
    
                     $slide_img = wp_get_attachment_image( $attachment_id);
    
                     if (isset($slide_img) && !empty($slide_img)) {
                        $has_slides[] = 1;
                     }
                     else {
                        $has_slides[] = 0;
                     }
                  }//end foreach
                }//endif
    
                if ( in_array(1, $has_slides) ) {
                  $has_slides = true;
                }
                else {
                  $has_slides = false;
                }
    
                //init slide index
                $i = 0;
    
                ?>
                <?php if( $slides && $has_slides ) : ?>
    
                  <div id="customizr-slider" class="<?php echo $layout_class ?> carousel slide">
    
                      <div class="carousel-inner">
    
                        <?php foreach ( $slides as $s) {
                            $slide_object   = get_post( $s);
    
                            //next loop if attachment does not exist anymore
                            if (!isset( $slide_object)) {
                              continue;
                            }
    
                            $id                 = $slide_object -> ID;
    
                            //check if slider enable of this attachment
                            $slider_checked     = esc_attr(get_post_meta( $id, $key = 'slider_check_key' , $single = true ));
    
                            $alt                = trim(strip_tags(get_post_meta( $id, '_wp_attachment_image_alt' , true)));
                            $title              = esc_attr(get_post_meta( $id, $key = 'slide_title_key' , $single = true ));
                            $text               = esc_html(get_post_meta( $id, $key = 'slide_text_key' , $single = true ));
                            $text_color         = esc_attr(get_post_meta( $id, $key = 'slide_color_key' , $single = true ));
                            $button_text        = esc_attr(get_post_meta( $id, $key = 'slide_button_key' , $single = true ));
                            $button_link        = esc_attr(get_post_meta( $id, $key = 'slide_link_key' , $single = true ));
    
                            //set the first slide active
                            $active             = '';
                            if ( $i==0) {$active ='active';}
    
                            //check if $text_color is set and create an html style attribute
                            $color_style        ='';
                            if ( $text_color != null) {
                              $color_style      = 'style="color:'.$text_color.'"';
                            }
    
                            //attachment image
                            $slide_to_display   =  wp_get_attachment_image( $id, $img_size, array( 'class' => 'slide' , 'alt' => $alt ) );
                          ?>
    
                          <?php if (isset( $slider_checked) && $slider_checked == 1 && isset($slide_to_display) && !empty($slide_to_display)) : ?>
    
                            <div class="item <?php echo $active; ?>">
    
                               <div class="carousel-image <?php echo $img_size ?>">
                                <?php echo $slide_to_display ?>
                               </div>
    
                                <?php if ( $title != null || $text != null || $button_text != null ) : ?>
    
                                  <div class="carousel-caption">
    
                                    <?php if( $title != null) : ?>
                                      <h1 <?php echo $color_style ?>><?php echo $title ?></h1>
                                    <?php endif; ?>
    
                                    <?php if( $text != null) : ?>
                                      <p <?php echo $color_style ?> class="lead"><?php echo $text ?></p>
                                    <?php endif; ?>
    
                                    <?php if( $button_text != null && $button_link != null) : ?>
                                      <a class="btn btn-large btn-primary" href="<?php echo get_permalink( $button_link); ?>"><?php echo $button_text; ?></a>
    
                                    <?php elseif( $button_text != null ) : ?>
                                     <a class="btn btn-large btn-primary" href="#"><?php echo $button_text;?></a>
                                   <?php endif; ?>
    
                                  </div>
    
                                <?php endif; ?>
    
                            </div>
    
                          <?php endif; //check if $slider_checked ?>
    
                        <?php
                         $i++;
                         }//end slides loop
                        ?>
                      </div><!-- /.carousel-inner -->
    
                      <a class="left carousel-control" href="#customizr-slider" data-slide="prev">&lsaquo;</a>
                      <a class="right carousel-control" href="#customizr-slider" data-slide="next">&rsaquo;</a>
    
                    </div><!-- /.carousel -->
                  <?php endif; ?>
    
                <?php
              break;
          }//end switch
        }
    
        /**
         * Add a the slider options script in wp_footer()
         * @package Customizr
         * @since Customizr 1.0
         *
        **/
        function tc_slider_footer_options() {
          //get slider options if any
          $name_value       = get_post_meta( get_the_ID(), $key = 'post_slider_key' , $single = true );
          $delay_value      = get_post_meta( get_the_ID(), $key = 'slider_delay_key' , $single = true );
    
          //get the slider id and delay if we display home/front page
          if ( tc__f('__is_home') ) {
            $name_value     = tc__f ( '__get_option' , 'tc_front_slider' );
            $delay_value    = tc__f ( '__get_option' , 'tc_slider_delay' );
          }
    
          //render the delay script
          if(!empty( $delay_value)) {
              $delay = '{interval:'.$delay_value.'}';
          }
          else {
              $delay = '';
          }
    
          //fire the slider with the optionnal delay parameter
          if( $name_value != null) {//check if a slider is defined
    
            ?>
              <script type="text/javascript">
                !function ( $) {
                  jQuery(function(){
                    // slider init
                    $( '#customizr-slider' ).carousel(<?php echo $delay; ?>)
                  })
                }(window.jQuery)
              </script>
    
            <?php
          }//end if slider defined
        }
    
    } //end of class
    Thread Starter sadosubliminal

    (@sadosubliminal)

    OK, I will move the topic over there, For the record, my problem is that there is no box entitled “slider options” anywhere on the edit image page.

Viewing 6 replies - 1 through 6 (of 6 total)