-
Posts
-
I would like to make some minor modifications to the Woo storefront of a new development site and I cannot find any reference.
I have included two images showing the pagination at the top of the store, along with the “sort-by” and “display number” dropdown boxes. The first issue is that there is too much space above the store images that I need to reduce. Optimally I would like to have the “sort-by” and “display number” dropdown boxes along with the pagination numbers all in one row at the top of the page, instead of two rows stacked. This will close up the space. See my image #2 for how I’d like to arrange it. And is there a way to control the space below the drop downs and pagination once rearranged.
I can’t figure how to do this can you help?
The second question is that I would like to add and change some functions in the “sort-by” and “display number” dropdown boxes.
For “Sort” I’d like to add: “Price high to low,” and “Price low to high.”
For “Display” I’d like to add a “Show all” function.Please let me know if this is possible, and I can make the changes in the code
Thank you.
– Michael BlairHey blaircomm!
Thank you for using Enfold.
1.) Could you please provide a link to the actual page? We would like to check it.
2.) You can set the sort to “Price” then click the middle button (sort arrow) to order the price from high to low vice versa. If you insist on adding a new option, please modify the avia_woocommerce_frontend_search_params function inside the config-woocommerce > config.php file.
Regards,
IsmaelHi:
I thought I had sent you a link, but don’t see it here.
http://ilovetylermadison.biz/shop/
I haven’t tried the Woo config file modifications yet.
Hey!
Please add this in the Quick CSS field:
.woocommerce-page .entry-content-wrapper > .pagination:nth-child(1) { position: absolute; right: 50px; }Use css media queries to adjust the position of the pagination on smaller screens.
Best regards,
Ismael
- The topic ‘Enfold WooCommerce storefront modification’ is closed to new replies.