servetsarap Posted July 6, 2017 Share Posted July 6, 2017 Hello friends, I'm using default theme with 1.6.1.15. When I remove theme configurator from the topcolumn hook, the slider goes to 100% width but I want to use the theme configurator too but when I add theme configurator to the hook, the slider doesn't work with 100% width. How can I correct this? You can see its photo as an attachment. Thanks. Link to comment Share on other sites More sharing options...
fibo Posted July 7, 2017 Share Posted July 7, 2017 Hi, you can try to set a larger width for the slider. Modules --> Homeslider --> Configure I can't test it right now because in my layout I've no slider in homepage. Hope it helps you. Bye Link to comment Share on other sites More sharing options...
servetsarap Posted July 7, 2017 Author Share Posted July 7, 2017 (edited) Thank you for your reply. I tried it but didn't work. I think the problem is with the codes. Because when I remove the theme configurator from topcolumn hook, slider works perfectly. It seems like theme configurator has a code which limits the size of slider. Edit: I've set the px's 1170x500 from the configuration of the module and all the photos have same resolution. Edited July 7, 2017 by servetsarap (see edit history) Link to comment Share on other sites More sharing options...
Scully Posted July 7, 2017 Share Posted July 7, 2017 Right click on the image within frontend in your browser, then -> show image details. If it is scaled down the browser should tell you. Check CSS properties within developer tools in your browser. Maybe something is restricted by CSS? Link to comment Share on other sites More sharing options...
servetsarap Posted July 7, 2017 Author Share Posted July 7, 2017 (edited) Right click on the image within frontend in your browser, then -> show image details. If it is scaled down the browser should tell you. Check CSS properties within developer tools in your browser. Maybe something is restricted by CSS? Thanks for your reply. I've tried to check it but I couldn't find (sorry for my low-knowledge about it). Is it possible for you to check the webpage? Edited July 7, 2017 by servetsarap (see edit history) Link to comment Share on other sites More sharing options...
Scully Posted July 7, 2017 Share Posted July 7, 2017 Your images are scaled down to 780 x 333 px. This comes from from wrong settings. <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 333px;"> This height restriction results in less width as well to maintain proper scaling. 1 Link to comment Share on other sites More sharing options...
servetsarap Posted July 7, 2017 Author Share Posted July 7, 2017 Your images are scaled down to 780 x 333 px. This comes from from wrong settings. <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 333px;"> This height restriction results in less width as well to maintain proper scaling. I think these restrictions comes from the themeconfigurator module because I can use slider with 100% width when I disable it. Do you have an idea how can I remove this restriction? Because I have not PHP knowledge. Best Regards, Link to comment Share on other sites More sharing options...
Scully Posted July 7, 2017 Share Posted July 7, 2017 I don't use the configurator and it would take some time to figure out why there is a restriction in height. However I'd recommend to reduce the height of the images. Why that? If you would go to a height of 500px, your slider would need more height than I have available on a 14" notebook. At current height, I can almost see 100% of the images. So optimum according to my opinion would be appx. 250 to 300 px in height. Most of the sliders I saw have the same problem. They just need to much space. And besides that: I would completely disable the slider for mobile devices. 1 Link to comment Share on other sites More sharing options...
servetsarap Posted July 7, 2017 Author Share Posted July 7, 2017 Thank you for your helps. I've solved the problem. I opened public_html/themes/THEME-NAME/css/modules/homeslider/homeslider.css and added width:100%; to the line 8. Now the slider works correctly. Thank for your helps. Link to comment Share on other sites More sharing options...
Scully Posted July 7, 2017 Share Posted July 7, 2017 Sure you want to leave it as it is? Look at my screenshot... Link to comment Share on other sites More sharing options...
servetsarap Posted July 7, 2017 Author Share Posted July 7, 2017 I think there's a problem with the top menu but I couldn't find out how to make it centered. The slider seems like its OK Link to comment Share on other sites More sharing options...
Scully Posted July 7, 2017 Share Posted July 7, 2017 The slider is ok in terms of the technical issues discussed here. But it is WAY TO LARGE. Look at the screenshot one more time. I cannot see the full slider images unless I would scroll down. Ok 14 inches is not the largest screen. But shops should be designed to deliver a proper view on all kind of devices and screen sizes. Link to comment Share on other sites More sharing options...
servetsarap Posted July 7, 2017 Author Share Posted July 7, 2017 (edited) Yes, you're right. I looked it in the way you said and I can't see the full slider at 17" screen too. I'll decrease the height of the images as you mention then I think it'll be OK. Edit: I think 1170x300 can be good at desktop view but I scare it will be more smaller at mobile. It's even really small in its current view. Edited July 7, 2017 by servetsarap (see edit history) Link to comment Share on other sites More sharing options...
Scully Posted July 7, 2017 Share Posted July 7, 2017 Excellent 1 Link to comment Share on other sites More sharing options...
servetsarap Posted July 7, 2017 Author Share Posted July 7, 2017 Excellent Do you think it's OK now both at desktop and mobile? (It's much more smaller at mobile) Link to comment Share on other sites More sharing options...
Scully Posted July 7, 2017 Share Posted July 7, 2017 I see appx. 95% of height of the slider on my notebook. And I see only one image. You could try do decrease a bit of height between the very top black element and the logo, search field and cart. Display on mobile is Ok. And try to improve the loading time. However you have pretty girls on your shop. Where can I meet them? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now