Forum Replies Created

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter jbeckerman

    (@jbeckerman)

    The issue is resolved when the ‘Loop Slider’ option is disabled.

    Going off of what you said, I dug through the plugin files and inside the ‘slide-anything-frontend.php’ file where you have the ‘display slide output’ here it is using the ‘$css_id’ to assign that id to each slide in the slider.

    // DISPLAY SLIDE OUTPUT
    //$data_hash = $slide_data['css_id']."_slide".sprintf('%02d', $i);
    //$output .= "<div class='sa_hover_container' data-hash='".$data_hash."' style='".esc_attr($slide_style)."'>";
    $css_id = $slide_data['css_id']."_slide".sprintf('%02d', $slide_data["slide".$i."_num"]);
    if ($slide_data['vert_center'] == 'true') {
    $output .= "<div id='".$css_id."' class='sa_hover_container sa_vert_center_wrap' style='".esc_attr($slide_style)."'>";
    } else {
    $output .= "<div id='".$css_id."' class='sa_hover_container' style='".esc_attr($slide_style)."'>";
    }

    I tested changing the ‘$css_id’ from being used as an id and incorporating it into the class for the slide so that even with the cloning for the loop functionality, the duplicate id issue is resolved.

    // DISPLAY SLIDE OUTPUT
    //$data_hash = $slide_data['css_id']."_slide".sprintf('%02d', $i);
    //$output .= "<div class='sa_hover_container' data-hash='".$data_hash."' style='".esc_attr($slide_style)."'>";
    $css_id = $slide_data['css_id']."_slide".sprintf('%02d', $slide_data["slide".$i."_num"]);
    if ($slide_data['vert_center'] == 'true') {
    $output .= "<div class='".$css_id." sa_hover_container sa_vert_center_wrap' style='".esc_attr($slide_style)."'>";
    } else {
    $output .= "<div class='".$css_id." sa_hover_container' style='".esc_attr($slide_style)."'>";
    }

    Outside of adding the unique id to each slide in their respective slider, would this change impact anything functionality wise with the plugin?

    Thread Starter jbeckerman

    (@jbeckerman)

    Thank you again for the help Brecht!

    If anyone else has this same issue as rare as it may be, the solution that worked for me was to change the charset for the wp_postmeta table to utf8_general_ci.

    Thread Starter jbeckerman

    (@jbeckerman)

    The symbols that are effected are..
    1/3, 2/3, 1/5, 2/5, 3/5, 4/5, 1/6, 5/6, 1/7, 1/8, 3/8, 5/8, 7/8

    The character set is utf-8.

    Thread Starter jbeckerman

    (@jbeckerman)

    Thanks for the update. In that case that makes sense. The carousel and other blocks from the Nimble Page builder are not AMP compatible. With that it’s expected that your images won’t render in valid AMP URLs.

    I see… So then to have the images render on the AMP page would require work from the plugin developer, or a function to convert the img tag to amp-img ones on load if the url contains /amp..

    Thread Starter jbeckerman

    (@jbeckerman)

    No problem at all James! We have not used any of the template layouts and have build the homepage out using the modules provided in the Nimble Page Builder. The main issue we are having with the amp version of the homepage is that no images load and the carousel in the hero does not function.

    Which is why if its possible setting the homepage when viewing it in amp to display just the most recent posts rather then a static homepage would be ideal.

    Thread Starter jbeckerman

    (@jbeckerman)

    Scratch that, I was so use to upload them next to the “Profile Picture” section that I completely forgot that it’s now handled lower down on the user profile page in the “Avatar” section..

    Thread Starter jbeckerman

    (@jbeckerman)

    Sorry for the long delay, I found a work around for this by checking what page of a category someone is on.

    I’ll post the code incase anyone else has the same feature request like I did.

    I found adding a universal class to all the sections you want to hide on the other pages along with turning off all visibility across devices. The following code essentially checks if you are on page 1 and if so, adds the display: flex to the custom class. If you are on page 2 or greater it will remove the nimble elements with the custom class.

    <?php if ( $paged < 2 ) : ?>
    <!--Text for first page of Category archive.-->
    <style>.CustomNimbleElementClass{display:flex !important;} </style>
    <?php else : ?>
    <script type="text/javascript" defer>
    (document.onload = function($) {
    	$(".CustomNimbleElementClass").remove();
    })(jQuery);
    </script>
    <?php endif; ?>
    Thread Starter jbeckerman

    (@jbeckerman)

    That worked, thank you for that insight Brecht. I’ve changed my approach recently to this though as I’ve created a custom post type called “recipe” which opened up the “WP Ultimate Recipe” importer and for the most part, has worked and so I’ve copied it and adjusted it for my custom importer now.

    The only issue I’m running into now is that the ingredients list is not breaking down at all. It pulls in the recipe ingredients like so..
    https://i.imgur.com/8D7AFiG.jpg

    Is there a way to get it to break the ingredients at most into separate lines?
    This is how I have the ingredients array set up..

    // Ingredients have to follow this array structure consisting of groups first.
    $recipe['ingredients'] = array(
    	array(
    		'name' => '', // Group names can be empty.
    		'ingredients' => array(
    			array(
    			'raw' => get_post_meta( $id, 'sp-recipe-ingredients', true ), // Alternatively pass all ingredient data as raw to have it parsed automatically.
    			),
    		),
    	),
    );

    The previous plugin inserts the ingredients in via meta data and populates it as a ul li list in html. The entry field is a text area.
    https://i.imgur.com/jafNEvQ.jpg

    At the least I would like to have each ingredient entered as a new entry per-line, so something like this if possible.
    https://i.imgur.com/CqWTjCs.jpg

    • This reply was modified 5 years ago by jbeckerman.
Viewing 8 replies - 1 through 8 (of 8 total)