Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
See the image of what I am trying to accomplish. How can I achieve this?
.
Hi @GadgetCheckout
Sincerely hope you're having a great day!
I've read your problem and, before providing a solution, would like to analyze your website. Then, I will provide a solution to you up here - on the forum.
Could you share your website URL? And if your website is password protected, then also provide a password?
hello @GadgetCheckout
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
Hey!
Thank you for your reply. Here is the Website URL: https://gadgetcheckout.com/
Best regards, Joshua
Hey man!
Thank you for your reply. Here is the Website URL: https://gadgetcheckout.com/
Best regards, Joshua
hello @GadgetCheckout
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 749px) {
.template-index .featured-product__wrapper{
flex-direction: row-reverse;
}
}
Hey @Kinjaldavra
That code does not make a six-sax pattern where every other featured product is reversed. It only reverses the layout.
Best regards, Joshua
@GadgetCheckout, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (min-width: 749px) {
.index-section--featured-product:nth-child(odd) .featured-product__wrapper{
flex-direction: row-reverse;
}
}
Please let me know whether it works.
Kind regards,
Diego
hello @GadgetCheckout
make a six-sax pattern insert below code
Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 749px) {
.template-index .index-section--featured-product:nth-child(2n-1) .featured-product__wrapper{
flex-direction: row-reverse;
}
}
Hi, Sorry to bother you. I read your post and happen to be attempting the same image & description swap.
How did you get yours to work, as the code snippet given above didn't function at all for me.
Best
Aron
User | RANK |
---|---|
41 | |
37 | |
29 | |
15 | |
12 |