Shopify themes, liquid, logos, and UX
Hello,
Does anyone know how i can increase the size and make it like the example below?
My website: diversusoficialsite.myshopify.com
Pass: Diversusoficial
Reference website: https://www.manieredevoir.com/collections/mens-new-in
Hi @HELDERWRLD ,
Solution 1:
- Go to the Admin page -> select Online Theme -> Customize
- Next, select the Section you want to edit. Here you can edit Maximum products to show and Number of columns on desktop.
Solution 2:
- Go to the Admin page -> select Online Theme -> Edit and find the base.css file
- You can add the following code at the end of the base.css file
section#shopify-section-template--19441365975368__e2f480cd-0765-418f-a9eb-b6b93b5abf13 { height: 1500px; } ul#Slider-template--19441365975368__e2f480cd-0765-418f-a9eb-b6b93b5abf13 { display: flex; flex-direction: initial; width: 100%; } li#Slide-template--19441365975368__e2f480cd-0765-418f-a9eb-b6b93b5abf13-1 { width: 650px !important; } .grid__item.slider__slide.scroll-trigger.animate--slide-in { max-width: 25% !important; width: 24% !important; }
Result:
Hope it helps @HELDERWRLD !
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
Hello @BSS-Commerce thank you for coming help me.
I don't want to change the featured products on main page, I want to change on collection pages, where are all the products
Hello @BSS-Commerce
Do you know how can i make this on collection pages?
example: https://www.manieredevoir.com/collections/mens-new-in
Hi @HELDERWRLD ,
Okay, if you want to make changes on collection pages or all products page
Go to the Admin -> select Online Store -> Theme -> Customize
Select the page you want to edit, for example I have a Collection test page -> you select the product display section and here you can install
Products per page and Number of columns on desktop
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
Hello
But i want it to cover all the white spaces, like the reference. Is it possible?
User | RANK |
---|---|
227 | |
167 | |
66 | |
53 | |
53 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023