How to make woo commerce images {{wc_categories}} responsive Engineer Demo

This topic has 3 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Tony Rodriguez

  • Avatar: KudzaiS
    January 11, 2023 at 16:57

    How to make woocommerce images {{wc_categories}}- slider revolution carousel responsive on Mobile: Engineer Demo

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 11, 2023 at 18:19

    Hello, @KudzaiS,

    Thanks for your contact.

    You have to check the responsiveness setting of the slider revolution, please refer to the official documentation of the slider revolution here:

    Regards 8Themes Team.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 12, 2023 at 10:16

    Hello, @KudzaiS,

    To make the WooCommerce category images displayed in a Slider Revolution carousel responsive on mobile devices, you would need to take the following steps:

    1 Install and activate the Slider Revolution plugin on your WordPress site.
    2 Create a new slider and add the {{wc_categories}} shortcode to it, which will display the images of all the WooCommerce categories.
    3 In the slider settings, navigate to the “Responsive Settings” tab and ensure that the “Force Fullwidth” option is enabled. This will ensure that the slider takes up the full width of the screen on mobile devices.
    4 Under the “Navigation” tab, make sure to enable the “Touch Navigation” option. This will allow users to swipe through the slides on mobile devices.
    5 You can also add a breakpoint for mobile devices to make the images smaller using the “Breakpoints” option.
    6 Finally, test the slider on a mobile device to ensure that it is fully responsive and the images are displaying correctly.

    Note: You should test the functionality of the slider on different mobile devices as the behavior may vary.
    Also, you may want to check if the theme that you’re using is responsive and it’s taking care of images and element scaling to fit the screen.

    Regards 8Themes Team.

  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.