Home › Forums › WoodMart support forum › top bar sticky as slider

top bar sticky as slider

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 13, 2019 at 10:07 am #163111

    aleasaro
    Participant

    Hi, as i have seen in the demo shoes desktop version, the shoes demo shows the top bar with different things. Is it possible to make it show all 4 of the sections on mobile version as a slider? Like in the examples attached. It would be a huge feature for ecommerce stores, on shopify as far as i know it is a default option.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    December 13, 2019 at 1:01 pm #163168

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have imported the shoe demo at my test site. Actually that was not the top bar that was the header banner and inside it an html block shortcode is used.

    Screenshot for clarification: https://jmp.sh/Fd2DICm

    To display all the four sections. You need to edit that specific html block and then edit the last three columns and go to “Responsive Options” and unchecked the checkbox which is responsible to hide the column in mobile devices and update the page.

    Screenshot: https://jmp.sh/V6NrA3E

    But if the width of column is 100% then the four columns will not shown . You have to define custom CSS class and define the width per column as 25% for mobile screens so that four columns can be fit in a single row in mobile view.

    Best Regards.

    December 13, 2019 at 1:46 pm #163181

    aleasaro
    Participant

    Hey,

    Only now after so many replies, i saw your name, kea ap bi Pakistan se hain?:))
    I am an overseas Pakistani living in Romania.

    My question was, i did as you showed me but is their a way to make the 4 column show 1 by 1 as a slide just like the screenshots i presented earlier? Because that is what i would like, or if their any plugin u may know that could give the same result?

    Thanks

    Attachments:
    You must be logged in to view attached files.
    December 13, 2019 at 2:50 pm #163215

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Yes, I’m from pakistan.

    You can use your slider in that html block which you used for your header banner. But it’s a tough thing to adjust the text block inside slides because header banner have very small height.

    So if you want to adjust you can use your images in slider, slides as featured images which contains text as printed on images.

    Video for clarification: https://jmp.sh/qbMOejZ

    I can’t recommend any third party plugin, Because we did not test any third party plugin for this purpose.

    Best Regards.

    December 13, 2019 at 3:57 pm #163229

    aleasaro
    Participant

    Hi,

    Awesome, thanks for showing the demo video, i tried what you said and i got how it will work, i am having the issue with the picture resolution tho. How can i make it fit? Or what resolution do you recommend. This slider will be disabled for desktop, so i want to make it abled only for mobile and tablets.

    You can see in the attachment, the pictures i used and the result
    Thanks

    Attachments:
    You must be logged in to view attached files.
    December 14, 2019 at 6:43 am #163294

    Aizaz Imtiaz Awan
    Keymaster

    Most Welcome,

    There is no required or recommended image size. Image should be big enough to have a nice view.

    You can also adjust the height for mobile from “Banner height for mobile” option which is inside the theme settings >> shop >> HEADER BANNER

    As you want to disable the slider for desktop and enabled for mobile and tablets. To achieve this you have to use the “Responsive Options” column tab in Wp-Bakery. For in depth guidance just follow the below documentation:
    https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

    Best Regards.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)