Home › Forums › WoodMart support forum › Set colum when reponsive
Set colum when reponsive
- This topic has 17 replies, 2 voices, and was last updated 6 years, 11 months ago by
Artem Temos.
-
AuthorPosts
-
March 14, 2018 at 3:31 am #45805
huyenhtParticipantHello, 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: N0th1n9I’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.March 14, 2018 at 8:47 am #45855
Artem TemosKeymasterHello,
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
March 14, 2018 at 9:02 am #45861
huyenhtParticipant2. 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_xmasToo disappointed with the latter support.
March 14, 2018 at 9:08 am #45863
Artem TemosKeymaster2. 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?
March 14, 2018 at 9:29 am #45871
huyenhtParticipantMy 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 allFor all the reasons do you think i’m upset?
March 14, 2018 at 9:52 am #45885
Artem TemosKeymasterThank 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();
March 14, 2018 at 10:17 am #45890
huyenhtParticipantI do it but not show 2 colum im mobile
Attachments:
You must be logged in to view attached files.March 14, 2018 at 10:23 am #45892
huyenhtParticipantand this as you teach me
Attachments:
You must be logged in to view attached files.March 14, 2018 at 10:46 am #45899
Artem TemosKeymasterMaybe you didn’t activate the child theme. Check it in Appearance -> Themes.
March 14, 2018 at 1:03 pm #45933
huyenhtParticipantThank so much, it well done
March 14, 2018 at 1:27 pm #45934
Artem TemosKeymasterGreat, you are welcome.
March 20, 2018 at 11:45 am #47403
huyenhtParticipantHello!
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!
March 20, 2018 at 11:50 am #47406
huyenhtParticipantand i want add social login as update but dont have
March 20, 2018 at 12:28 pm #47411
Artem TemosKeymasterHello,
Sorry, but we can’t see your website at the moment. Could you please check it?
Please, provide us your admin access.
Thank you
March 21, 2018 at 3:22 am #47665
huyenhtParticipantnew.shophyn.com
i try update again the product update, google login is ok, but facebook login is errorAttachments:
You must be logged in to view attached files.March 21, 2018 at 7:32 am #47693
Artem TemosKeymasterHello,
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
March 21, 2018 at 8:39 am #47724
huyenhtParticipantI 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.March 21, 2018 at 8:48 am #47727
Artem TemosKeymasterFirstly, 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 configurationhttp://new.shophyn.com/my-account/facebook/int_callback
-
AuthorPosts
- You must be logged in to create new topics. Login / Register