Shopify themes, liquid, logos, and UX
Hello all,
This is my first post on this forum because I have an urgent problem with a Shopify store using the Motion theme.
I want to add a Featured Collection on my home page with 2 products per line and 3 product lines. As on this site: https://www.eliou-eliou.com/
When I add the "Featured collection" Section, the layout is perfect on computer, but on mobile, it looks like a "switcher" or "slider" form, and it doesn't suit me at all ...
Like on the site I sent you, I would like to have 2 products per line on mobile and keep this layout on my desktop.
The strangest thing is that on my Collection Page on Mobile, I have 2 products per line and it's perfect. But this change should only apply to the home page.
I tried a lot of things but can't find any solution ... you would save me if you could help me ..!
Here is a preview link of my site which is not yet live : https://v0b1y1qikmo74hph-47455862950.shopifypreview.com
Thank you in advance...
Max C.
Solved! Go to the solution
thanks for it
sorry your link doesn't work now
Really ? I don't know why,
Please try it : https://s9hj7vdn12zjvbbv-47455862950.shopifypreview.com
Thank you in advance,
This is an accepted solution.
Thanks for the update, yes please add this code
.color-swatch--small:before, .color-swatch--small {border-radius: 100px;}
.grid-product__colors{justify-content: center;}
@media only screen and (max-width: 589px) {
#shopify-section-16193798554af94825 .grid-overflow-wrapper .grid__item:first-child {margin-bottom: 30px;}
}
Thanks a lot..!
@KetanKumar iam sorry to come back...
A lot of times on mobile when I launch the store, the color variants are not displayed. Although they are visible in my « customize theme » section... but when I go to « preview » with my mobile, we do not see...
What do you think about that ?
max
can you please share page url for this issue
Hello! I am needing help with my homepage. The section is .home_collection_section and I would like for there to be the three collections in a row and currently it is showing two collections in a row with the third underneath aligned to the left. https://originalsprout.com/
Here is the code I found in theme.scss.liquid
.home_collection_section {
width: 50%;
float: left;
margin: 30px 0px;
text-align: center;
.caption_text_collection{
font-size: 48px;
font-style: italic;
text-transform: capitalize;
font-family: 'Bodoni-BookItalic';
color: #666666;
text-shadow: none;
position: relative;
}
do you have like this look pleas confirm
Thats what I want it to look like right now it looks like this:
THIS DOES NOT WORK ON THEIR LATEST THEME UPDATES STILL!
This is the same reason I removed this theme from my client's store! I don't understand why force everyone to display products as a slider on homepage. I want customers to see more products with a simple regular scroll. there should be an option to choose!
thanks a lot !
IT WORKS WITH THE LAST VERSION !
thank for update
User | RANK |
---|---|
121 | |
96 | |
77 | |
69 | |
38 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022