Since I've taken my site from local development to a server and made it live I've experienced some problems.
1. The 'Cart is Empty' animation does appear properly. See 'cart-empty' for how it should be, and 'cart-empty-2' for how it is appearing.
2. For some reason my left-right navigation on my products page are backwards (alphabetically). If you're on an item, the next item alphabetically should appear under the right arrow, however it appears under the left. See 'nav-left' and 'nav-right'.
3. The 'Share this item' buttons on the single product page work properly on desktop, however, on mobile, Facebook and Twitter do not work. They take you to their respective apps, but without the product information.
4. On mobile, if you go to a single product page and click the 'choose options' button it zooms in just a little and makes it so part of the page is cut off. After you've made the selection it remains this way so that their is part of the page on the left and the right side slightly off-screen. Zooming back out gets it back to normal, but I was wondering if there was a way to make it not zoom in so this doesn't happen. See 'resizing-issue' images. Image 2 and 3 are what it looks like after you click the choose options button and it has zoomed in. This issue is also found in the checkout fields when selecting a state. It zooms in and causes scrolling issues once you begin to scroll to select your state.
5. On the note above about the scrolling issue with the state, is there anyway to get the state selector to be the scroll style as the 'choose options' selector?
6. On the checkout page, under 'Billing Details', I would like the 'Phone' to be optional or removed.
7. On mobile, the single product pages do not allow you to click through the product gallery. I have galleries set up for the 'melts' as of right now, and plan to add them to the regular candles, but I would like customers to be able to view multiple images on mobile. I've tried to set the images to have a timer, but that didn't seem to work. Ideal solution would be to have the image pop out with a left and right as it is on desktop.
8. Is there a way to get the social icons to also appear on the header?
Thank you for the response. I am working on getting those fixes implemented and will let you know if I have any issues.
In regards to question number 5, as you can see from the images provided (selector-option and selector-state) the way to select from a list utilizes 2 different kind of scrollers. I would prefer the 'selector-state' to be the same as 'selector-option', if possible.
One other issue I have is solely on iPad in portrait mode. As you can see from the image below (view-more-button), my 'view more button' expands all the way to the top of the images behind the images. It should be shaped like a regular button, leaving some space between itself and the bottom row of images. Also, there is supposed to be text under each image and it appears that the button issue is causing it to not appear.
My header on the iPad in portrait mode is also abnormally large. Even when you scroll down it remains about the same size, thus taking up a lot of screen real estate. Is there any way to fix this issue? See image 'giant-header'.
Thank you for your assistance. As of right now, all of my issues have been handled. I appreciate your help. If I have any more issues, I will submit another ticket.
Since I've taken my site from local development to a server and made it live I've experienced some problems.
1. The 'Cart is Empty' animation does appear properly. See 'cart-empty' for how it should be, and 'cart-empty-2' for how it is appearing.
2. For some reason my left-right navigation on my products page are backwards (alphabetically). If you're on an item, the next item alphabetically should appear under the right arrow, however it appears under the left. See 'nav-left' and 'nav-right'.
3. The 'Share this item' buttons on the single product page work properly on desktop, however, on mobile, Facebook and Twitter do not work. They take you to their respective apps, but without the product information.
4. On mobile, if you go to a single product page and click the 'choose options' button it zooms in just a little and makes it so part of the page is cut off. After you've made the selection it remains this way so that their is part of the page on the left and the right side slightly off-screen. Zooming back out gets it back to normal, but I was wondering if there was a way to make it not zoom in so this doesn't happen. See 'resizing-issue' images. Image 2 and 3 are what it looks like after you click the choose options button and it has zoomed in. This issue is also found in the checkout fields when selecting a state. It zooms in and causes scrolling issues once you begin to scroll to select your state.
5. On the note above about the scrolling issue with the state, is there anyway to get the state selector to be the scroll style as the 'choose options' selector?
6. On the checkout page, under 'Billing Details', I would like the 'Phone' to be optional or removed.
7. On mobile, the single product pages do not allow you to click through the product gallery. I have galleries set up for the 'melts' as of right now, and plan to add them to the regular candles, but I would like customers to be able to view multiple images on mobile. I've tried to set the images to have a timer, but that didn't seem to work. Ideal solution would be to have the image pop out with a left and right as it is on desktop.
8. Is there a way to get the social icons to also appear on the header?
Thanks in advance for your assistance.
website url: www.artisansaromas.com
Also, is there a way to do 'quick view' on products, or have a gallery available per product on the products list page?
Hi Donna,
1 — That's because there are two images missing, save these two images:
http://themes.laborator.co/aurum/fashion/wp-content/themes/aurum/assets/images/cart-bag-empty.png
http://themes.laborator.co/aurum/fashion/wp-content/themes/aurum/assets/images/cart-bag-smiley.png
and via FTP add them to the wp-content/themes/aurum/assets/images folder.
2 — Replace this file http://drops.laborator.co/12xFI+ in the wp-content/themes/aurum/tpls folder of the theme
3— Download this file and replace it in this directory (of the theme): /inc
4— Use the following code in your functions.php file and it should be not zoomed:
5— I couldn't understand this question, could you please be more specific. 6— Maybe this plugin can help you with that WooCommerce Checkout Manager.
7— The horizontal thumbnails is a bit seem to be a theme bug, so here is the quickfix for you:
Download this file and replace it in this directory (of the theme): /wp-content/themes/aurum/woocommerce/single-product
8— I made a quick tutorial to tell you how to achieve that http://drops.laborator.co/12BRP
9 — Actually this feature is not implemented yet.
Hey Arlind,
Thank you for the response. I am working on getting those fixes implemented and will let you know if I have any issues.
In regards to question number 5, as you can see from the images provided (selector-option and selector-state) the way to select from a list utilizes 2 different kind of scrollers. I would prefer the 'selector-state' to be the same as 'selector-option', if possible.
One other issue I have is solely on iPad in portrait mode. As you can see from the image below (view-more-button), my 'view more button' expands all the way to the top of the images behind the images. It should be shaped like a regular button, leaving some space between itself and the bottom row of images. Also, there is supposed to be text under each image and it appears that the button issue is causing it to not appear.
My header on the iPad in portrait mode is also abnormally large. Even when you scroll down it remains about the same size, thus taking up a lot of screen real estate. Is there any way to fix this issue? See image 'giant-header'.
Hi Donna,
— I talked with Arlind about this problem and he said that this is not possible, you cannot use the native selector of the device in that place.
— To fix the problem with the View More button and the Header paste this in the Custom CSS > Responsive > Medium Screen:
Best regards,
Laborator Team
Art,
Thank you for your assistance. As of right now, all of my issues have been handled. I appreciate your help. If I have any more issues, I will submit another ticket.
Thanks
You are welcome Donna, and sorry for the late reply :)
Best regards,
Laborator Team