Visualization problems with the XStore AMP plugin

Hello,

1/ We limited the depth of the mobile menu because in amp version it is not yet possible to make good open/close actions for menu items that have submenus and all of them are shown at once.
We added a filter (it will also be included in the plugin update) and a few lines of custom CSS (XStore Control Panel -> AMP XStore -> Custom CSS)
The result will be next -> https://prnt.sc/37Zd7NrLUI9m

2/ Because AMP uses minimal code for quick loading, it can’t include all the elements on a fully functioning webpage, such as certain widgets, embedded content, or pages created using page builders (Elementor/WPBakery). This means that a webpage viewed with AMP looks like a mobile application to facilitate the user experience and doesn’t look exactly the same as how the original page would appear on a desktop or laptop.
XStore AMP allows to adjust the Home page elements, supports WooCommerce pages, Blog and posts (because pages/posts come with simple styles and texts), pages created by Elementor/WPBakery displayed in non-AMP version.

We added custom CSS code to hide some blocks, that can’t be displayed correctly, on your site.
.wc-dzsap-wrapper {
display: none;
}
“Add to cart” button is available for single product page only, not for Shop.

3/ it is added but AMP does not allow to use extra scripts from other resources so the shortcode was added but it was not rendered and will not be.
4/ This issue was created due to 3rd item and described above.
5/ Few of your categories have broken images -> https://prnt.sc/adN9gzv2cem1 that is the reason why you have it broken on the frontend -> https://prnt.sc/fqd7M1yAoffa Also we show only product categories which are not empty (have at least one product).

Regards

Hello,

Sorry for the delay in answering.
1/
1.1/ The file is located :
plugins/xstore-amp/includes/templates/header/parts/mobile_menu_sidebar.php
Css code that was added:

.mobile-menu .sub-menu {
padding-left: 15px;
}

1.2/ Bottom right menu is fixed now as well – thanks 🙂
The fix was to add that filter for that menu as well (it is already added on your staging site) ->
plugins/xstore-amp/includes/templates/extra/mobile_panel_menu_sidebar.php
1.3/
In the bottom right menu the “Community” and “free download” pages shows a “view amp version” button at the bottom (you can also see a different menu at the top left visible in the amp version) so i suppose they’re not displayed in AMP mode. = If the page is shown in non-amp state then that button is shown at the same bottom. If you want to disable that button go to XStore AMP option and disable it -> https://prnt.sc/6mokuUDHxTYj . It will remove that button on all pages.

3/
We found that you had custom code that removes gallery image in your child-theme/functions.php. We did some improves in your code and now image gallery will not be removed if it is AMP version -> https://prnt.sc/GOodr-qCJ5Ks

4/ We found that you added an extra <strong> tag but didn’t close it so it is the reason why you have errors in some products -> https://prnt.sc/yYOf_8UWRb8n . We removed that <strong> for the broken product you sent so check now and check other products that have similar issues.
AMP is very sensitive to tags and html structure.

5/ Not yet but you may submit a feature request here – https://www.8theme.com/roadmap/ and also check other requests that could be loved by you and you can add your voice for some of them to give them more priority.

Regards

Hello,

1.3/
Please, read our documentation -> https://prnt.sc/lqFk3ykWdNMb
https://www.8theme.com/documentation/xstore/amp-plugin/general-info-amp/
We made AMP pages version only for main pages which are not created by builders.
If the page is not loaded by AMP then it uses global settings from the customizer. Select the menu in Theme Options -> Header -> Mobile menu that will be the answer on your question = I’ve not selected it anywhere neither in the site or in the amp plugin.
https://prnt.sc/3JPp_F9804vL
3.1/
As we understood you right you want to hide main product images on AMP version but show only thumbnails
before -> https://prnt.sc/nOgajmmNlumw
after -> https://prnt.sc/nTCdd35zprRl
If it is what you asked us for then to reach that we added custom css for you -> https://prnt.sc/EATcNZE4-Ppc
3.2/ It was not implemented yet but you may submit a request on our https://www.8theme.com/roadmap/

Regards

Hello,

Please go to the roadmap page and check feature requests from other people, as examples. Also, you can add your voice to other requests to give them more priority.
Your request there can be “XStore AMP product gallery with video slide included” and a detailed description.
We will implement popular requests, because we can’t do every request that will be only for one customer, but try to fulfill those that will be useful for a larger number of users.

Regards

Hello,

Thanks. Have a nice day!

Regards