• Priority: Medium
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 30.08.19, 12:27
  • Reason: Closed
  • Comment: Glad to help!

Ticket #15145 - Various problems on mobile and desktop version

Hi Marek,

I apologize in advance for the number of problems. I managed to solve a lot of them while creating the website but a lot are still unsolved, especially on the mobile and tablet versions.

My website is foliedujour.com

MOBILE / TABLET VERSION

The logo stay very large on those versions. Is there a way to make it smaller?

1. HOMEPAGE

I used the AMP Homepage builder as requested.

1.1 The revolution slider is supposed to be responsive but it doesn’t adapt, the slider is stretched.

1.2 The products featured on the home page are not supposed to be a carousel. Is it possible to have them as rows and columns ? Like 3 columns for tablets and 2 for mobile

2. CATEGORY

All products are marked as unavailable when they are actually available (no problem for the desktop)

3. PRODUCT PAGE

3.1 Problem with the products combinations: when I select a format, the size dropdown menu is supposed to adapt to it. By example the format “digital” is linked to the size “square” and “rectangle”. If I choose the format “poster” I shouldn’t have the square and rectangle option but sizes like 8×10, etc. (again no problem for the desktop)
This is a critical issue has the customer will end up with a wrong product combination

3.2 The description is very long, is there a way to collapse it or to adapt it to a mobile version?

3.3 The images on the description are not responsive

3.4 I deactivated the “customer reassurance” and “product details” tab but it’s still visible (no problem for the desktop)

4. OTHERS PAGES: “About”, “Portfolio”, “Reviews”

4.1 They are not working on mobiles

4.2 They are working on tablets but should be 2 columns instead of 3

ALL VERSIONS

1. ADD TO CART We can’t add the products to the cart on firefox
We can’t add the products to the cart on internet explorer
No problem for Chrome

2. PRODUCT PAGE 2.1 We can’t scroll down the smaller images carousel to the left of the main one.

2.2 Is there a way to reverse the placement of the products combination (size and format) and the product customization?

3. CONTACT PAGE How can I access it to make changes?

4. INSTAGRAM FEED Sometimes it works properly, sometimes it doesn’t appear. No way to see where the problem comes from.

Thank you in advance for your help

Marion

This ticket does not depend on any other tickets.

Marek (marek) 20 Jul 2019, 10:15

Hi, Marion de Lauzun.
Please fill out all necessary fields in your profile https://support.promokit.eu/index.php?do=myprofile to access to your back office and FTP

Marek (marek) 20 Jul 2019, 10:29

Please also make sure you have the latest theme version 5.3.7

Marion de Lauzun (FolieduJour) 20 Jul 2019, 11:29

Hi,

Thank you for your answer.
I added the information. However our FTP is a SFTP, therefore there is no login or password. I will send you a private key via a private email that you can use to connect.

Yes we just updated to the 5.3.7 version

Thanks,
Marion

Marek (marek) 21 Jul 2019, 11:19

Hi, Marion de Lauzun.
Sorry for the delay.
1. That is not an issue of the theme. Try to make your logo wider (add white space to the right side) and it will be automatically reduced
1.1 Slider proportions are fixed
1.2 Fixed
...
In progress...

Marek (marek) 22 Jul 2019, 22:39

Sorry for the delay


2. Should be fixed now.
3.1 In progress...
3.2 it’s required code customization
3.3 fixed https://take.ms/NbYVc

3.4 Reassuarence is fixed, but how did you disable “Product Details” tab? I don’t see such option
4. That is a question of page code what you insert there. Please make sure that code is valid, remove all “width” and “height” parameters there to let the table to adjust itself to the page width


1. there was wrong child theme config, now it’s fixed
2. maybe because there is no items to scroll?
3. See our documentation http://alysum5.promokit.eu/promokit/documentation/#faq3

4. maybe it was a problem related to wrong config, now it just works for me

Marion de Lauzun (FolieduJour) 25 Jul 2019, 05:50

Hi Marek,

Thank you for your help! I appreciate it so much! :)

3.1 In progress...

Thank you!

3.4 Reassuarence is fixed, but how did you disable “Product Details” tab? I don’t see such option

I disabled “Product Details” tab by setting a display:none to the <li> in the child_theme at:
“modules/pspagebuilder/views/templates/front/widgets/widget_productpagetabs.tpl” (l.21)

4. That is a question of page code what you insert there. Please make sure that code is valid, remove all “width” and “height” parameters there to let the table to adjust itself to the page width

I’m sorry however I did not change the code on those pages. For the page About, reviews and portfolio I used the Improve > Design > Pages
I did not change the code, I only added Tables to the pages. However I also did a test be removing all “width” and “height” parameters generated by the page by clicking on the “Source code”, it didn’t help. I also tried to remove everything on the page except for some text but it didn’t work either.

For the FAQ I used your “page builder” and only added the accordion widget.

3. See our documentation http://alysum5.promokit.eu/promokit/documentation/#faq3

Thank you, I used this but it doesn’t actually allow me to remove the google map or stuff at the bottom like “24/H CUSTOMER SERVICE We providing really fast and professional support”?

Have a nice day,
Marion

Marek (marek) 26 Jul 2019, 12:56

3.4 so you have to do the same for AMP in the file /themes/alysum/templates/mobile/catalog/product.tpl
4. I was not clear here. Please take a look https://take.ms/uoNrY


3. You can hide bottom part of the contact page with following CSS:
.contact-page-footer {display:none}
As for the map you can hide it in the Theme Settings

Marion de Lauzun (FolieduJour) 30 Jul 2019, 11:43

Hi Marek,

Thank you!

4. I removed all the width/height informations for the images and tables in the portfolio page, but the mobile version is still blank. I tried to use custom css to display all images in a grid, but the code is not effective on mobile version. I have no idea how to deal with it.

Also I noticed a new problem on the homepage on tablets.
When the tablet is on the portrait format then the products are displayed on 6 columns and the titles are collapsed
When the tablet is on the landscape format the products are displayed on 5 columns (even if the length is larger) and the title are not collapsed.
I’m attaching image so you can see.

Thank you!
Marion

6224.jpg (114.6 KiB)
6225.jpg (108.1 KiB)
Marek (marek) 30 Jul 2019, 13:56

4. You have to add “width” and “height” parameters for each image, like this:

<img src="path/to/image.jpg" width="100" height="100">

5. Fixed https://take.ms/jXsur

Loading...