Liquid, JavaScript, themes, sales channels
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?
Hey!
Thank you for your reply. Here is the Website URL: https://gadgetcheckout.com/
Best regards, Joshua
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 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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024