Return to previous page

Mobile Site - by Christina - on WordPress WooCommerce support

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

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.

#155416 Copied Theme version: 2.8 WooCommerce version: 2.6.11

20 Answers
Eva Kemp

Participant

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.
#155574 Copied
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?

#155606 Copied Theme version: 2.8 WooCommerce version: 2.6.11

Eva Kemp

Participant

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.

#155609 Copied

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!!

#155709 Copied Theme version: 2.8 WooCommerce version: 2.6.11

Eva Kemp

Participant

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.

#155740 Copied

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.

#156461 Copied Theme version: 2.8 WooCommerce version: 2.6.11

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.

#156831 Copied

Christina

Participant

March 13, 2017 at 14:29

Ok I have the categories on the homepage.

#156833 Copied
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.
#156936 Copied
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.

#156946 Copied Theme version: 2.8 WooCommerce version: 2.6.11

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.

#156968 Copied

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.

#157128 Copied

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!!

#157341 Copied

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.

#157343 Copied

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??

#157363 Copied

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.

#157439 Copied

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!

#157557 Copied Theme version: 2.8 WooCommerce version: 2.6.11

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.

#157847 Copied

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!

#157881 Copied

Jack Richardson

Support staff

March 24, 2017 at 22:57

Hello,

You are welcome.

Regards,
Jack Richardson.

#157890 Copied
Tagged: ecommerce, mobile site, template, woocommerce, wordpress
Viewing 21 results - 1 through 21 (of 21 total)