Solved2.92K viewsCSS ( Look and Feel )ccs
0


Hello, I want the products to be shown one per line and in full screen. as attached in the picture. I have managed to do it with devgoogle but I can’t transcribe it to siberian editor. the change of class in the column will not be posed to the editor. You can send me the code to get this. I have spoken with Ravindra and he has told me that you send it without problems.

Question is closed for new answers.
Selected answer as best

Hello Guilleexpe,

Hope you’re doing great. I wanted to check in with you regarding the issue you had the other day. If its resolved, then we can close the post.

Do you need any additional help? I’d be happy to assist you in any case.

Have a nice day!

Best Regards,
Support Team.

Hallo Sujata,
Ich habe den Beitrag gesehen und das CSS aus probiert, leider ohne Erfolg.
Klappt es nicht bei Commercepro Modul?

Danke

Ervis

Hallo Ervin,

I am very sorry that solution didn’t work.
Please try following CSS code and let me know if this works.

ion-view[state=”commercepro-store-product-list”] .store-products div[ng-click=”showItem(product)”].col-50{ flex: 0 0 100%; max-width: 100%; } ion-view[state=”commercepro-store-product-list”] .store-products div[ng-if=”collection.length > 0″].row{ display:block; }

Viele Grüße,
Support Team.

0

Hello Mr. Erwin,

I hope you are doing great!
It looks like there is an issue in the previous code. if the that code hasn’t worked.
Please use the below CSS code under editor> colors panel

/*product with full width*/
ion-view[state="commercepro-store-product-list"] .store-products div[ng-click="showItem(product)"].col-50{ flex: 0 0 100%; max-width: 100%; } 
ion-view[state="commercepro-store-product-list"] .store-products div[ng-if="collection.length > 0"].row{ display:block; }

Have a nice weekend!

Best Regards,
Support Team.

Selected answer as best
0

Hello Guilleexpe,
Thank you for reaching out! Here is the solution for your query.

copy below CSS and paste under editor> colors panel

/product with full width/
ion-view[state=”commercepro-store-product-list”] .store-products div[ng-click=”showItem(product)”].col-50{
flex: 0 0 100%;
max-width: 100%;
}
ion-view[state=”commercepro-store-product-list”] .store-products div[ng-if=”collection.length > 0″].row{
display:block;
}

Please try it and Let me know if you have any other issue, I will be happy to help you.

Have a nice day!

Best Regards,
Support Team.

Answered question
Download your FREE cms now

on Combo Modules Purchase

20%

20%

on renewal of expired license

20%

20%

on renewal of active license

20%

40%

on renewal of combo active license

60%

Notes:
No coupon code is required. Applied automatically on the cart.
Combo offer is applicable on the purchase of 2 or more modules/renewal/both.
Terms and conditions apply.

Change CCS PRODUCT LIST

User ID : [email protected]
Pwd : 123456

March 28, 2024 8:09 pm