I want to make this kinds of slider layout in home page

This topic has 4 replies, 3 voices, and was last updated 4 years, 6 months ago ago by Rose Tyler

  • Avatar: Rakibul
    Rakibul
    Participant
    June 16, 2021 at 07:59

    i want to make this kinds of slider layout in home page. in every 3/4 categories will show also available in mobile view. for clear about my question you can visit https://www2.hm.com/en_in/index.html

    here is screenshot.
    https://jorurishop.com/wp-content/uploads/2021/06/categ.png

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    June 16, 2021 at 17:06

    Hello,

    You can use the Product Categories element and then customize its view (to make circle images, change title font styles). That element has the option to show categories as slider and set the number of slides per view for the mobile device. If you provide us with WP Dashboard access I’ll be able to create an example for you.

    Regards

    Avatar: Rakibul
    Rakibul
    Participant
    June 20, 2021 at 11:02

    Can you please send me screen shot. i have tried but in mobile its showing single view in slider an not circle option there.
    please check the url.
    https://jorurishop.com/wp-content/uploads/2021/06/Screenshot_1.png

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 20, 2021 at 12:23

    Hello,

    Check this one – https://gyazo.com/38bb867efc099553bb5c6328c6a838e3 , on Design tab select align and Color scheme, Slider settings > Responsive settings > https://gyazo.com/bbf23abaf5d779d2ea628d03a5636718 > https://gyazo.com/a9b63cd85e9bc58d2a98ad1460f99306
    About images, you need to use custom CSS code to make them circle. For example,

    .categoriesCarousel .category-grid img {
        border-radius: 100px;
    }

    Regards

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

The issue related to '‘i want to make this kinds of slider layout in home page’' has been successfully resolved, and the topic is now closed for further responses

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