Okay
  Public Ticket #3686172
image huge in shop
Closed

Comments

  • Muldene started the conversation

    When i load any of the shop pages at first - the pictures are HUGE! and only when i refresh it, does it go to the normal shop layout. Can you help with this?


    Also wanted to do a filtering system but there is no side panel on the shop page. Could you add a side panel to the shop page? All and all the theme is a bit glitchy with woocommerce and elementor. Any Idea how we can make this work?

    I added  a screenshot of what it looks like when first loaded and a screenshot of what it looks like and should look like after i refresh the page. This happens across all browsers and in incognito.

    Attached files:  huge product pics2.PNG
      shop page.PNG

  •  1,957
    Support replied

    Hello,

    can you try adding the shop page as custom menu link in the menu?

    https://easywpguide.com/wordpress-manual/appearance/updating-the-menu/adding-a-custom-link-menu-item/

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Muldene replied

    Thank you this worked!


    What about the option of a side panel on the shop page? I would really like to use ShopEngine and Filter Everything plugins. But that does not work at all with this theme.

  •  1,957
    Support replied

    Hello, in Appearance -> Widgets you have the Shop Sidebar

    https://imgur.com/rCuUDTO

    that you can fill with widgets. If it's empty it does not show up

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Muldene replied

    This is the only sidebar on my side - please have a look at the screen shot attached.



    Attached files:  sidebar2.PNG
      sidebar.PNG

  •  1,957
    Support replied

    Hello,

    Please keep in mind that Hervin has not been integrated with woocommerce and it is not advertised as such

    https://imgur.com/6njUlZI

    However out of courtesy we can modify the code so that it will display the shop sidebar and we really hope this is your last request regaring woo in Hervin

    Plz enable Appearance -> Theme File Editor so we can modify some files

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Muldene replied

    Thank you, that's very kind of you.  Unfortunately I cant seem to get the file editor there at all.

    I looked in the config file but there is no line with this code  define('DISALLOW_FILE_EDIT', false);


    The first Portfolio option on my site is Trailers - When i scroll down to the bottom the next project also shows trailers.

    How can I change this.


  •  1,957
    Support replied

    Do you have any security plugin that may disallow that?

    Is the editor present in admin as Appearance -> Theme File Editor?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Muldene replied

    I have Wordfence activated. Thank you for offering to code that side panel but I think its ok as it is now and I would rather you help me with some of the theme problems I have. This theme would be really cool with intergrated woocom in the future though.


    These are the issues I struggle with right now.


    1. I would like to be able to alter the size of the menu text -  the client says its too small

    2. Can I make the logo slightly bigger?

    3. On some devices, when I click on the menu - this was a laptop - the menu tabs are overlapping (i will attach a screenshot) I would like to add space between the menu items

    4. When i click on THE SHOP in the menu, it has dropdown options. This text is also too small for the client. Can I make it bigger somewhere?


    5. On an iphone i cannot open the accordion on FAQ page

    6. Contact us page is not responsive and i think this is in particular the google maps.

    7. There are sometimes blue arrows that overlap with the normal white small arrows on the portfolio front pages.


    If you could help me finish this I would be super glad.


    Thank you

  • Muldene replied

    sorry this is the attachment of the previous message.

    Attached files:  menu overlapping.PNG

  • Muldene replied

    Hi Guys


    Could you have a look at the message below please? I sent it 23 July.


    " These are the issues I struggle with right now.

    1. I would like to be able to alter the size of the menu text -  the client says its too small

    2. Can I make the logo slightly bigger?

    3. On some devices, when I click on the menu - this was a laptop - the menu tabs are overlapping (i will attach a screenshot) I would like to add space between the menu items

    4. When i click on THE SHOP in the menu, it has dropdown options. This text is also too small for the client. Can I make it bigger somewhere?

    5. On an iphone i cannot open the accordion on FAQ page

    6. Contact us page is not responsive and i think this is in particular the google maps.

    7. There are sometimes blue arrows that overlap with the normal white small arrows on the portfolio front pages.

    If you could help me finish this I would be super glad.

    Thank you"

    Attached files:  menu overlapping.PNG
      blue arrows.jpg
      WhatsApp Video 2024-07-23 at 15.09.44.mp4

  •  1,957
    Support replied

    Hello, We will process your ticket today

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,957
    Support replied

    Hello,

    my answers inline, bolded:

    1. I would like to be able to alter the size of the menu text -  the client says its too small

    Do you mean this bit of text?

    https://prnt.sc/RSlXZlhnyj-w

    if yes you can increase it with custom css

    .menu .button-text span {
        font-size: 12px;
    }


    2. Can I make the logo slightly bigger?

    You can increase the height of the logo and will cover all the available width

    #logo img {
        height: 40px;
     }

    increase the height in pixels and add the code to customizer -> additional CSS

    3. On some devices, when I click on the menu - this was a laptop - the menu tabs are overlapping (i will attach a screenshot) I would like to add space between the menu items

    Can you plz tell us the screen specs of the device (width & height)

    4. When i click on THE SHOP in the menu, it has dropdown options. This text is also too small for the client. Can I make it bigger somewhere?

    @media (min-width: 1025px) {
        .fullscreen-menu .flexnav li ul li a {
            font-size: 14px;
            line-height: 20px;
         
        }
    }

    modify the size and add the code to customizer -> additional CSS

    5. On an iphone i cannot open the accordion on FAQ page

    Just for testing purposes have you tried our accordion element?

    http://clapat.ro/themes/hervin-wordpress/about/

    6. Contact us page is not responsive and i think this is in particular the google maps.

    If you can give us more details

    https://prnt.sc/tfaxkUYVRrC2

    7. There are sometimes blue arrows that overlap with the normal white small arrows on the portfolio front pages.

    Any slider plugin you have installed that could be the culprit?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Muldene replied

    Thank you, the css codes are awesome and work. It seems like iphones in general are problematic.

    I answered your questions below: Hope this helps and we can sort the last stuff out.


    3. On some devices, when I click on the menu - this was a laptop - the menu tabs are overlapping (i will attach a screenshot) I would like to add space between the menu items

    Can you plz tell us the screen specs of the device (width & height)

                     - 14inch(w) x 7.9inch(h) - (diagonal 16.14 inches)


    6. Contact us page is not responsive and i think this is in particular the google maps.

    If you can give us more details

    https://prnt.sc/tfaxkUYVRrC2

                    - This scrolls far to the right instead of making the map itself responsive. It keeps the long map format.

                      So instead of just scrolling down, it can scroll to the right and then there is just a big black space with nothing.

                      I will attach a video               

        

    7. There are sometimes blue arrows that overlap with the normal white small arrows on the portfolio front pages.

    Any slider plugin you have installed that could be the culprit?

                     - I think I might have found it? I used this css code so it does not show again.

                      

    next-wrap.parallax-wrap{
        display: none !important
    }

    prev-wrap.parallax-wrap{
        display: none !important
    }




    Thank you for your help

    Attached files:  WhatsApp Video 2024-07-23 at 15.09.44.mp4

  • Muldene replied

    and this is the link - if you have a look at it on a phone you will see.

    https://missionoutdoor.co.za/contact/

  •  1,957
    Support replied

    Hello,

    Ok I see what you mean

    Any particular reason you don't want to use our map shortcode?

    http://clapat.ro/themes/hervin-wordpress/contact/

    It has some specific styles attached to it. So for example does it behave the same way in our contact page?

    Regarding the laptop sorry I mean the resolution in pixels if possible? Then I can inspect it using the browser device emulator.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Muldene replied

    Hi again, hope you are well.


    1. I couldn't figure out and still cant how to use your map. If you could send me a how to that would be great. I read through the documentations but its not clear to me. I've found the map block and added it. But dont know how to go from there.


    2. The clients sent me the attached videos of the pages cutting off. I will attach them.

    I made the text 18 pixels because they want it bigger. Then the layout went weird on the mobile. It shows fine on my phone. Samsung A24 and also tested it on a very old small iphone...

    He also has an iphone but i suppose a newer and bigger one.

    What i find is sometimes its all scrambled and when i hit refresh its correct again. But his argument will be that his clients wont have the know how to refresh the page.


    3. Also, the flipping blue arrows are back. Really though i sorted that out. Those also disappear when i hit refresh..


    4. Last thing, can you please help me to set the "Next Project" to the specific pages I want them to go to next. Because it goes backwards and with the trailer page it just stays on trailer. https://missionoutdoor.co.za/hervin_portfolio/trailers/


    Have a look at the attached videos and files please.

    BTW, not sure about the resolution of the clients screen but will find out. I have a feeling his screen is (cntrl minus) made smaller percentage wise. Will ask him to check tomorrow.


    Thank you for your help

    Attached files:  WhatsApp Video 2024-07-27 at 10.13.30.mp4
      WhatsApp Video 2024-07-27 at 10.14.09.mp4
      WhatsApp Image 2024-07-28 at 20.10.58.jpeg

  •  1,957
    Support replied

    Hello the map is not our map block, plz be aware . To use our map block you need to select it from Gutenberg blocks

    https://prnt.sc/ZvgrKQG5QkmG

    and then add a Google Maps API key in customizer -> map settings

    https://prnt.sc/WrTswuqrC93I

    https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key

    Next Project Page - that's something you cannot change in portfolio item pages just the order (forward in time or backward in time, a setting in customizer -> portfolio settings)

    .swiper-button-next:after, .swiper-button-prev:after {

        display: none;

     }

    in customizer -> additional css

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy