Debut theme - How to show 2 featured products in one row

New Member
7 0 0

Hi I am new to shopify, I would like to ask how to do this, I want the featured products to be aligned similarly to this

https://www.apple.com/ph/shop/buy-mac/macbook-air

 

basically, I want my featured products to be side by side with one another just like in the link above.

 

here is my store:

https://kingvlad.myshopify.com

 

if asked for a password enter: baoffa

 

 

additional question: can I add color swatch to this theme like the variants in the MacBook link? 

 

 

Im practicing btw, I know how HTML and CSS but I still have to master Liquid and asking here helps me. Thank you :)

0 Likes
Shopify Partner
1129 90 138

Hi,

 

I can help you in showing 2 features products in a row. And for adding swatches, you can follow the below link that can be helpful for you.

https://help.shopify.com/en/themes/customization/products/features/add-color-swatches

 

Please let me know if it works for you!

 

 

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Shopify Partner
1129 90 138

Hi,

 

Do you want something like this attached?

Please let me know.

 

featured products.jpg

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
New Member
7 0 0
This is what I want to happen. How can I do this?

Btw, Im asking here in this section for help, not for someone to do it for me with payment. Thanks
0 Likes
Shopify Partner
1 0 0

Hello, first of i find it completely unacceptable to solicit work on community forums. That goes to other people replied and not

 

Now to the point.

 

  1. Create a new page.
  2. Go to your edit code section
  3. Look for featured-product.liquid in sections folder.
  4. Copy everything.
  5. Then create a new section using a different name.
  6. Do it three times. Let's assume you name each "Name-of-Your-Section-1", "Name-of-Your-Section-2" and the list goes on.
  7. Create a new template and delete everything paste this, don't forget to change the "Name-of-Your-Section-#".
<div class="Name-of-Your-Section-1">
		{% section 'Name-of-Your-Section-1' %}
</div>

<div class="Name-of-Your-Section-2">
		{% section 'Name-of-Your-Section-2' %}
</div>

<style>
   .Name-of-Your-Section-1 {
      display: inline-block;
    }
  .Name-of-Your-Section-2 {
      display: inline-block;
    }
</style>

This is the result you are supposed to see:

 

Screenshot_2019-10-19 PC.png

 

I hoped that helped you.

Kind Regards,
Kastervo / info@kastervo.com

www.kastervo.com

Kastervo is not responsible for errors or omissions in this message and denies any responsibility for any damage. Any opinion and other statement contained in this message and any attachment are solely those of the author and do not necessarily represent those of the company.
0 Likes
Shopify Partner
1129 90 138

Hi @Kingvlad

 

But I haven't asked for paying anywhere in my post.

I just wanted to confirm if this goes well with you. I'm sorry for this misunderstanding anyway. 

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes