Home Forums WoodMart support forum Set colum when reponsive

Set colum when reponsive

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #45805

    huyenht
    Participant

    Hello, pls help me change all this:

    1. Could you fix the space height of block product is 10px

    2. And the Promotion banner when reponsive is 2 colum at tablet and 1 colum at mobile, now it is 3 colum and i can not fix. I try reponsive option in Wpbakery Builder but can not 🙁

    3.Could you change position of menu and category, i want category is the first

    4. How to set 2 colum product in this web reponsive on mobile phone on the tablet is ok.
    http://bephyn.tk/?product=ban-xoay-inox
    Pass: N0th1n9

    I’ve attach the image below
    Thank so much to help me. Looking forward to your help.

    Attachments:
    You must be logged in to view attached files.
    #45855

    Artem Temos
    Keymaster

    Hello,

    1. Yes, we will fix it in our next theme update.

    2. You need to show 3 banners on desktop to make them look two banners on tablet. Or use banners grid, not carousel element.

    3. You can simply rename menu tabs and change menu locations to do this.

    4. Sorry, but there is no option for this.

    Regards

    #45861

    huyenht
    Participant

    2. Why some website of you have this but you not support me?

    example: https://woodmart.xtemos.com/demo-toys/demo/toys/ this site
    and this style: https://woodmart.xtemos.com/christmas-maintenance/?opt=maintenance_xmas

    Too disappointed with the latter support.

    #45863

    Artem Temos
    Keymaster

    2. Sure, as we instructed you, you can set 3 items per view while editing your banners carousel with WPBakery to make it look like the example you sent. Or we understood you wrong?
    Why do you think that we don’t support you? We always try to give you all accurate answers to all your requests and you usually were satisfied. We are a bit confused now with your negative feedback. Numbers of previous requests were solved without any problems.

    Is there is something we missed or we can do to help you in this situation?

    #45871

    huyenht
    Participant

    My recent requests are rejected by you and I have to do it myself.
    And now i cant not do any thing because it i need your help

    “2. You need to show 3 banners on desktop to make them look two banners on tablet. Or use banners grid, not carousel element.” => how?

    4. How to set 2 colum product in this web reponsive on mobile phone on the tablet is ok
    I think you can set this very simple why you not to help me? Because i dont know where i can fix it, i ask you, i need your support -> you reject all

    For all the reasons do you think i’m upset?

    #45885

    Artem Temos
    Keymaster

    Thank you for understanding.

    2. Edit your promo banners carousel element with WPBakery page builder and change the number of items to 3 as shown on the screenshot https://gyazo.com/1e1f2d6e88fcaa6413c32ec8d01889a4

    4. Try to add the following PHP code snippet to the child theme functions.php file to do this

    function woodmart_get_owl_atts() {
        return array(
            'carousel_id' => '5000',
            'speed' => '5000',
            'slides_per_view' => '1',
            'wrap' => '',
            'autoplay' => 'no',
            'autoheight' => 'no',
            'hide_pagination_control' => '',
            'hide_prev_next_buttons' => '',
            'carousel_js_inline' => 'no',
            'scroll_per_page' => 'yes',
            'dragEndSpeed' => 200,
            'mobile' => ''
        );
    }
    
    function woodmart_owl_carousel_init( $atts = array() ) {
        extract( shortcode_atts( woodmart_get_owl_atts(), $atts ) );
        
        $func_name = 'carousel_' . $carousel_id;
        $func_name = function() use( $carousel_id, $slides_per_view, $autoplay, $autoheight, $speed, $hide_pagination_control, $hide_prev_next_buttons, $scroll_per_page, $wrap, $dragEndSpeed, $mobile ) {
            $items = woodmart_get_owl_items_numbers( $slides_per_view );
            if ( $mobile ) $items['mobile'] = $mobile;
            ob_start();
            ?>
                jQuery( document ).ready(function( $ ) {
                    var owl = $("#<?php echo esc_js( $carousel_id ); ?> .owl-carousel");
                    $( window ).bind( "vc_js", function() {
                        owl.trigger('refresh.owl.carousel');
                    } );
                    var options = {
                        rtl: $('body').hasClass('rtl'),
                        items: <?php echo esc_js( $items['desktop'] ); ?>, 
                        responsive: {
                            979: {
                                items: <?php echo esc_js( $items['desktop'] ); ?>
                            },
                            768: {
                                items: <?php echo esc_js( $items['desktop_small'] ); ?>
                            },
                            479: {
                                items: <?php echo esc_js( $items['tablet'] ); ?>
                            },
                            0: {
                                items: <?php echo esc_js( $items['mobile'] ); ?>
                            }
                        },
                        autoplay: <?php echo ($autoplay == 'yes') ? 'true' : 'false'; ?>,
                        autoplayHoverPause: <?php echo apply_filters( 'woodmart_autoplay_hover_pause', 'true' ); ?>,	
                        autoplayTimeout: <?php echo esc_js( $speed ); ?>,
                        dots: <?php echo ($hide_pagination_control == 'yes') ? 'false' : 'true'; ?>,
                        nav: <?php echo ($hide_prev_next_buttons == 'yes') ? 'false' : 'true'; ?>,
                        autoheight: <?php echo ($autoheight == 'yes') ? 'false' : 'true'; ?>,
                        slideBy:  <?php echo ($scroll_per_page == 'yes') ? '\'page\'' : 1; ?>,
                        navText:false,
                        loop: <?php echo ($wrap == 'yes') ? 'true' : 'false'; ?>,
                        dragEndSpeed: <?php echo esc_js( $dragEndSpeed ); ?>,
                        onRefreshed: function() {
                            $(window).resize();
                        }
                    };
                    owl.owlCarousel(options);
                });
            <?php
            return ob_get_clean();
        };
        if( $carousel_js_inline == 'yes' ) {
            echo '<script type="text/javascript">' . $func_name() . '</script>';
        } else {
            wp_add_inline_script( 'woodmart-theme', $func_name(), 'after' );
        }
    }

    And also create a file in the child theme called woodmart-child/woocommerce/single-product/related.php with the following code

    <?php
    if ( ! defined( 'ABSPATH' ) ) {
    	exit; // Exit if accessed directly
    }
    $related_product_view = woodmart_get_opt( 'related_product_view' );
    if ( $related_products ) : ?>
    	<section class="related-products">
    		<h3 class="title slider-title"><?php echo esc_html__( 'Related products', 'woocommerce' ); ?></h3>
    		<?php 
    			if ( $related_product_view == 'slider' ) {
    				$slider_args = array(
    					'slides_per_view' => ( woodmart_get_opt( 'related_product_columns' ) ) ? woodmart_get_opt( 'related_product_columns' ) : apply_filters( 'woodmart_related_products_per_view', 4 ),
    					'img_size' => 'woocommerce_thumbnail',
    					'mobile' => 2
    				);
    				echo woodmart_generate_posts_slider( $slider_args, false, $related_products );
    			}
    		?>
    	</section>
    <?php endif;
    wp_reset_postdata();
    #45890

    huyenht
    Participant

    I do it but not show 2 colum im mobile

    Attachments:
    You must be logged in to view attached files.
    #45892

    huyenht
    Participant

    and this as you teach me

    Attachments:
    You must be logged in to view attached files.
    #45899

    Artem Temos
    Keymaster

    Maybe you didn’t activate the child theme. Check it in Appearance -> Themes.

    #45933

    huyenht
    Participant

    Thank so much, it well done

    #45934

    Artem Temos
    Keymaster

    Great, you are welcome.

    #47403

    huyenht
    Participant

    Hello!
    I update new version 2.1 as you said before but dont see where can fix the space height of block product. Pls see image 01.

    Thank so much!

    #47406

    huyenht
    Participant

    and i want add social login as update but dont have

    #47411

    Artem Temos
    Keymaster

    Hello,

    Sorry, but we can’t see your website at the moment. Could you please check it?

    Please, provide us your admin access.

    Thank you

    #47665

    huyenht
    Participant

    new.shophyn.com
    i try update again the product update, google login is ok, but facebook login is error

    Attachments:
    You must be logged in to view attached files.
    #47693

    Artem Temos
    Keymaster

    Hello,

    You need to clear your browser cache to see the changes after update. Here is a website with tutorials and guides how to clear the cache in different browsers and devices http://www.refreshyourcache.com/en/home/

    As for the Facebook login, here is an article that should help you https://xtemos.com/docs/woodmart/faq-guides/configure-facebook-login/

    Regards

    #47724

    huyenht
    Participant

    I clear the cache, and make same the document guide, but can not. Do you know how to ghet the link Redirect URIs correct? example my website is:
    http://new.shophyn.com/?page_id=17/facebook/int_callback
    correct?

    Attachments:
    You must be logged in to view attached files.
    #47727

    Artem Temos
    Keymaster

    Firstly, you need to configure your permalinks structure in Dashboard -> Permalinks. Your account link should look like this http://new.shophyn.com/my-account/. Then you can use this one for the Facebook APP’s configuration http://new.shophyn.com/my-account/facebook/int_callback

Viewing 18 posts - 1 through 18 (of 18 total)