Return to previous page

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

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

KudzaiS

Participant

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.

#343725 Copied Theme version: v.9.0.2 WooCommerce version: 7.2.3

2 Answers

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: https://www.sliderrevolution.com/documentation/responsive-settings/

https://www.sliderrevolution.com/faq/display-different-images-on-different-screen-sizes/

https://www.sliderrevolution.com/manual/checking-to-ensure-modified-content-is-still-responsive/

Regards 8Themes Team.

#343733 Copied

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.

#343783 Copied
Tagged: demo, engineer, images, responsive, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)