For this example I used a fake category called “Slider Category” you will need to create that or replace that section of the code. <? $query = new WP_Query( array( ‘category_name’ => ‘Slider Category’ ) ); ?> <div class=”wrapper”> <div class=”list_carousel responsive”> <ul id=”desliza”> <?php while ( $query->have_posts() ) : $query->the_post(); ?> <li> <div class=”feattitle”><a … Read more
Adding a css rule for #wpadminbar: transform: translate3d(0,0,0); background: black; width: 100%; Makes the bar appear and I added z-index: 0; to .mdl-layout__header to make the dropdowns appear. Not the prettiest.
Since WP loaded with jQuery by default, you might be able to modify this script http://www.jqueryscript.net/rotator/Simple-Text-Slider-Rotator-with-jQuery-CSS.html to create a testimonials sliders. For randomizing your query, just put ‘orderby’ => ‘rand’ in your $args variable like this: $args = array( ‘post_type’ => ‘testimonials’, ‘orderby’ => ‘rand’); There are way more arguments you can learn from here: … Read more
You could try something like this. The idea is to check within the loop if the item is even or odd, and for the odd item you open the two-item-slide (display the opening HTML), where for the even you close it. I haven’t tested it but the idea is like this: <article class=”container”> <div class=”row”> … Read more
Something like this will probably get you going. https://en-gb.wordpress.org/plugins/wp-posts-carousel/ Maybe a custom slider, like jQuery Light Slider, it very much depends on how much you want to customise it 🙂
Use this below code. I have done this below code with some modification with Questioner’s code. Now it is working. <div id=”carousel” class=”carousel slide” data-ride=”carousel” data-interval=”3000″> <!– Carousel items –> <div class=”carousel-inner”> <?php $slider = new WP_Query(array( ‘post_type’ => ‘slide’, ‘posts_per_page’ => -1, )); ?> <?php if ( have_posts() ) { $x=0; while ( $slider->have_posts() … Read more
This is one of those problems that seems like it should have a simple solution, but really doesn’t. There are options, they’re just not easy. At least, from what I can see. CSS is the best approach to detecting browser width IMO. In fact, you really can’t detect browser width from PHP. You can with … Read more
There are multiple ways to make the slider dynamic. If you use the Gutenberg editor, you can add new style to the Gallery like this: register_block_style( ‘core/gallery’, [ ‘name’ => ‘swiper’, ‘label’ => __( ‘Swiper Slider’ ), ] ); Then create gallery and choose the Swiper style. It will add an extra class is-style-swiper to … Read more
This is for showing the name and image of each product category, with a link to the categories woocommerce page. To get it automatically on a dynamic way it’s possible by using the function get_terms(). This only shows the categories that have products associated, to show all categories even the empty ones we need to … Read more
Here’s your updated shortcode function which puts output in a variable and returns it. Note that you have to use functions that return data rather than output directly, in this case get_the_post_thumbnail() is used in place of the_post_thumbnail() function cor_etalage_add_shortcode() { $output=”<div id=”etalage”><ul>”; $the_query = new WP_Query(array( ‘post_type’ => array( ‘portfolio’ ) )); while ($the_query->have_posts()) … Read more