Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello all , I am running a traditional jewellery website and I just updated my theme from dawn to horizon
I have doubt My site view of website is not correct on some mobiles view . I installed one app which shows sreen recording it shows me that. And I also try visit thru someone knowns mobile . Please check and share your feedback specially in mobile and please make sure to check Home , collection and product page . My website is www.vijayandsons.com
Hi @Rahul42 ,
Upon reviewing the website, it appears that the issue is primarily limited to the Ring category. This could be due to slower loading times or a possible structural inconsistency within that specific section. All other mentioned categories seem to be functioning well, with product swatches and filtering features working as expected.
Additionally, we noticed that the website's overall loading time is slower than usual. We kindly recommend reviewing your server-side configuration and hosting environment to enhance performance and improve load speed.
To further more in-depth review, could you please share any specific problems or challenges you're currently experiencing?
Thank you.
Server for domain is also handling by Shopify.
Mainly I am looking page layout is not correct for collection page in mobile view . It is properly unstructured view some time same products showing 2 times , when we filter products according price I am not able to do it , looking for more bugs if it have
HI @Rahul42 ,
I wanted to bring to your attention that the price filter issue is affecting both the mobile and desktop versions of the website. It appears to be the main concern at the moment.
For now, I kindly request that you please uncheck or disable the price filter option until a proper solution is implemented and the issue is fully resolved.
Please feel free to let me know if you'd like a more detailed explanation or solution regarding this issue, I’d be happy to assist further.
Thanks
Yes , I am looking for details explanation. And want to know if this new updated theme have more bugs
Hi @Rahul42
I have made a fully check of your website on phone port and let me share some feedbacks below for your reference to improve your store performance.
1. For homepage: You can add an announcement bar which can be used to display store activities or discounts, so that visitors can stay longer on website.
2. For Collection page: When I switch the color filter on this page, the product images will not display accordingly. There should exist something wrong happening on this part. You can feel free to do further check and fix it as soon as possible.
3. For product page: You can add some trust badges under buy button on product page, such as 100% Handmade or Brand Verified. This can let visitors feel more trustful on your products and add more chances to finish the order properly.
@Rahul42 Very welcome here and I really hope these changes can improve your store in a better way!
By the way, if you need to do an SEO Check meanwhile during this progress, you can use this one I used on my store before and it has a free feature to make a fully detection of store page content and see if meet SEO demand or not. Please rest assured that it will not change any contents on your store and I believe you can get a better understanding of page status, apart from what I shared here above. Thank you!
Hi @Rahul42 ,
I recently checked Shopify store www.vijayandsons.com from the Dawn theme to the Horizon theme. I run a traditional Indian jewelry store, and while I love the new layout and styling options, I’ve encountered some issues with mobile responsiveness, which are critical since most of my visitors browse via mobile devices.
Mobile Layout Not Rendering Properly
I checked on a few different devices. The homepage and especially the category section (Necklaces, Earrings, etc.) appear cluttered or cut off on smaller screens. It seems the layout is not fully responsive.
Suggested Improvement:
Convert this category row into a horizontal slider/carousel with auto-rotation to improve usability and aesthetics. This would enhance navigation and make better use of screen space.
Quick Links Section - Readability Problems
On mobile, the Quick Links area is hard to read and interact with due to:
Suggested Improvement:
Redesign this area with larger, more tappable buttons, or consider using an accordion-style layout for a cleaner mobile UX.
Performance Report (Google PageSpeed Insights)
I ran a test via PageSpeed Insights https://pagespeed.web.dev/analysis/https-vijayandsons-com/dc4ctzfyun?form_factor=mobile, and here are some key findings for the mobile version:
Recommendations to Improve Mobile Performance:
Unused CSS:- Use Shopify's theme customizer to remove unneeded app styles.
<!-- Original (render-blocking) -->
{%- stylesheet 'theme.css' -%}
<!-- Optimized -->
<link rel="preload" href="{{ 'theme.css' | asset_url }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="{{ 'theme.css' | asset_url }}"></noscript>
Render-blocking resources:- Use Defer non-critical CSS/JS, and add async/defer attributes where possible.
<script src="https://example.com/script.js" defer></script>
LCP image optimization: Use lazy loading, compress hero images, and add fetchpriority="high" for LCP elements.
<img
src="{{ section.settings.image | img_url: '1200x' }}"
width="100%"
height="auto"
loading="eager"
fetchpriority="high"
alt="{{ section.settings.alt_text }}" />
Improper image sizing: Serve responsive images using img_url with correct size filters (e.g., img_url: '800x').
Alternative, if you do not want to invest much time on optimizing yourself, you can try our speed optimization Shopify App called Website Speedy that comes with a 14-day free trial. It will do the optimization automatically for you.
(Disclaimer: We are the developer of this tool and are happy to answer any questions you may have.)