Mobile Site - by Christina - on WordPress WooCommerce support

This topic has 21 replies, 3 voices, and was last updated 7 years, 9 months ago ago by Jack Richardson

  • Avatar: AidaCorp
    Christina
    Participant
    February 21, 2017 at 18:12

    Ok, this is my last question and I will be ready to launch the site for our grand opening on Thursday!
    !

    I just want to say thank you for all your help during the design process!!

    The responsive mobile site, I would like to have just the main categories shown on the page with this essential grid being the base, [ess_grid alias=”main category list”]

    I was hoping to just have the header and footer and these categories in the body, instead of products themselves.

    Also, the product category pages, is there a way to have two products side by side, so two columns of products on each category page??

    Thanks again for your help and suggestions!!

    Please, contact administrator
    for this information.
    20 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    February 23, 2017 at 11:01

    Hello,

    Please try to use Product Categories element from VC editor instead of Essential Grid.

    For products, please use this css code in Custom CSS for mobile section:

    .products-grid .product {
       width: 50% !important;
    }

    Regards,
    Eva Kemp.

    Avatar: AidaCorp
    Christina
    Participant
    February 23, 2017 at 16:36

    Ok, I can use the VC for this, but how do I get it to only show on mobile?

    Avatar: Eva
    Eva Kemp
    Support staff
    February 23, 2017 at 16:54

    Hello,

    Please show a page where you added the categories loop and I’ll give css code to hide it on desktop.

    Regards,
    Eva Kemp.

    Avatar: AidaCorp
    Christina
    Participant
    February 24, 2017 at 15:04

    ok, that code worked perfect for the products to be listed side by side.

    So you want me to create a separate page with just those 5 categories? That is what I want the mobile homepage to be.

    Let me know!! I will go ahead and create one now, so it will be ready when you are…if I should put the categories somewhere else other than on a separate page, let me know! Thanks!!

    Avatar: Eva
    Eva Kemp
    Support staff
    February 24, 2017 at 17:51

    Hello,

    Please just add the categories on the page where you want to show them.
    I’ll give you css code to hide them for desktop, so they will be visible only on mobile.

    Regards,
    Eva Kemp.

    Avatar: AidaCorp
    Christina
    Participant
    March 8, 2017 at 15:35

    Hey I have created a category page…I didn’t put it anywhere specific on my site….do you need me to do that before we use the code? And if so, you want me to put it on my homepage where I would like it to be visible? I would like it to take the place of the “featured products” on the front page….

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 13, 2017 at 14:20

    Hello,

    First you need add categories on a page and then notify us to provide you with the css code to hide them on desktop view.

    Regards,
    Jack Richardson.

    Avatar: AidaCorp
    Christina
    Participant
    March 13, 2017 at 14:29

    Ok I have the categories on the homepage.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 14, 2017 at 16:02

    Hello,

    I’ve assigned extra class for the row with product categories element http://prntscr.com/ejuy4j and added the following css code in Theme Options > Custom CSS > Custom CSS for Desktop section:

    .desktop-hidden {
    display: none;
    }

    Regards,
    Jack Richardson.

    Avatar: AidaCorp
    Christina
    Participant
    March 14, 2017 at 16:38

    Hey I see where you hid it on the desktop.

    But my main goal was to have the 5 main product categories shown on my mobile site, rather than the featured products. How can we accomplish this?

    Also, on the mobile the category is on the logo at the very top of the page, that will need to be repositioned to under the logo.

    Thanks.

    Avatar: AidaCorp
    Christina
    Participant
    March 14, 2017 at 18:28

    I have to deactivate the categories for now, because it is stuck up on the logo and won’t let me access the mobile menu.

    Please let me know how to accomplish the goal stated above. And we will proceed. But right now I have to deactivate that product categories section.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 16, 2017 at 13:25

    Hello,

    Please check your home page on desktop and mobile view now. Is that what you want to achieve?

    Also update the theme and required plugins to the latest versions as you are using the old ones.
    Before update delete “woocommerce” folder in the directory wp-content/themes/royal/ and it’ll be re-uploaded from a new theme package.
    All required plugins can be found here https://www.8theme.com/download-plugins/ .

    Don’t forget to create back up of your files and database before starting update process!


    (it’s for Legenda theme but the process is the same).

    Regards,
    Jack Richardson.

    Avatar: AidaCorp
    Christina
    Participant
    March 20, 2017 at 13:56

    Yes, the mobile site is starting to head in that direction of the desired look.

    I am doing the update at the moment, but the categories on the mobile are not the 5 main categories on our site. There is electrical, but then the rest are the subcategories of electrical. Are we able to change this to have only the 5 main category sections? (Electrical, lighting, plumbing, tools, hardware).

    Also, on some of the blocks of categories on the mobile…there are doubled menu items. Like wall plates and switches are overlapping…can we get this fixed too?

    Thanks!!

    Avatar: AidaCorp
    Christina
    Participant
    March 20, 2017 at 14:00

    Also, before I begin on the update…can you please tell me which file I should download?

    The Royal PSD – Ecommerce?? I am a little confused about which exact file I should be downloading and updating with.

    Avatar: AidaCorp
    Christina
    Participant
    March 20, 2017 at 21:02

    Hey I figured out the main category problem….in WooCommerce there are no products in the other categories, that is why they aren’t showing up. When I add those products, I will reach out if I need any assistance with customization.

    Do you happen to know the answer to which file I should be downloading the update? I am a bit nervous to update, I have quite a bit of coding I have edited…is this the main reason for the backup? Or will any of these changes be carried over with the update??

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 21, 2017 at 16:02

    Hello,

    Please read the following part from the theme docs ( refer to p. 1.5 Theme Upgrade) https://www.8theme.com/demo/docs/royal/#!/installation_upgrade

    Regards,
    Jack Richardson.

    Avatar: AidaCorp
    Christina
    Participant
    March 22, 2017 at 15:48

    ok great! I was just nervous to do it without a good understanding so I did not loose all my customizations.

    I got the category for the mobile starting to look right…how do I select to just show the 5 main categories. I have a product in every category, but only three of the main categories are showing on mobile, the other two are subcategories!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 24, 2017 at 15:25

    Hello,

    I’ve set “0” value for the “Parent ID” option in Product Categories element settings http://prntscr.com/enxxc9
    Please check it now on mobile view.

    Regards,
    Jack Richardson.

    Avatar: AidaCorp
    Christina
    Participant
    March 24, 2017 at 20:15

    Oh thanks! that is perfect! Sorry, I should have read the description under the parent id.

    Thanks for your help!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 24, 2017 at 22:57

    Hello,

    You are welcome.

    Regards,
    Jack Richardson.

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

The issue related to '‘Mobile Site’' 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.