How can I create a custom product slide menu in Ride theme?

Store Design
1

Hi guys, I need your help! I have three problems need to solve.

Q1: How can I build a product slide menu?

I want to build a slide menu, such as this picture, which can display my all products for my guests to click. Please note! not is changing my main menu.

NinescapeLand_0-1710405825446.png
NinescapeLand_0-1710405825446.png2536×1106 453 KB

Q2: How to make my description a full-screen display?

I am making a product landing page, but I want to make my description put it below, so I use the Shopify page function to achieve my demands, when I put this page on my product landing page, I find the content doesn’t full-screen display, can you help me change these? The picture below is what it looks like now.

NinescapeLand_1-1710406561039.png
NinescapeLand_1-1710406561039.png2846×1432 297 KB

Q3: Add an inquiry button next to the description

I like this display is the part circled in green, but I don’t know what can I do, could you help me?

NinescapeLand_2-1710406655818.png
NinescapeLand_2-1710406655818.png2026×1544 342 KB

I would be grateful if you could help me! My theme is ride, if you need me to provide other information, please feel free to leave your message.

2

Hey @NinescapeLand

Q1 and Q3 requires custom coding but for Q2, I can help you out in that. Can you share your store url and password if enabled?

Best Regards,

Moeed

3

Hello @NinescapeLand

Welcome to Shopify Community.

For all the given request, you have listed:

#1. This is a custom request and needs code setup in the theme.

#2. It is possible with CSS, please share your store URL.

#3. This is again a custom request, needs setup in the theme

For the custom request, you need to seek help of a developer to help you at reasonable cost.

Let me know if you need one.

Thanks

4

Hi Moeed,

This is my store URL: https://b97e0a-c2.myshopify.com/products/indoor-playground

my store doesn’t set the password, please check out.

Have a good day,

NinescapeLand

5

Hi Sweet_Savior_3,

This is my store URL: https://b97e0a-c2.myshopify.com/products/indoor-playground

please check it out.

Have a good day,

NinescapeLand

6

Hey @NinescapeLand

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1710487259765.png
Moeed_0-1710487259765.png1900×872 45.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
7

Thank you very much!

But I still have a question, how do I make my table borders bold?

8

oh no, please help me?

NinescapeLand_0-1710489427698.png
NinescapeLand_0-1710489427698.png2870×988 222 KB

9

Hi Moeed,

Thank you for your answer you wrote a code to solve my question, but I have two questions that need your help.

  1. Can I make my table borders bold?
  2. The table displayed on the mobile terminal is too ugly, can you have other ideas to solve this problem?

I will be glad if you can answer these two questions, and I will accept your answer as a solution.