Hi kbanderson04,
Sorry for the delay in our response. The support is monitored during business hours, which doesn’t include the weekend, and it appears that your original email was archived accidentally on Monday while we were going through the emails received over the weekend. We are also copying our response here for our other support users.
Please find the answers to your questions below:
1. You could add the following custom CSS by navigating to the “Catalogues” tab and selecting your catalog to fix the issue:
.upcp-thumb-item {
height: 450px !important;
}
2. The issue is caused by a JavaScript error. Your site is loading jQuery multiple times: at the top of the page, correctly, and then in the footer a second time:
<script type=’text/javascript’ src=’https://bekmar.co.za/wp-includes/js/jquery/jquery.js?ver=1.12.4′></script>
<script type=’text/javascript’ src=’https://bekmar.co.za/wp-content/themes/vw-automobile-pro/js/jquery.min.js?ver=4.9.8′></script>
Based on the URLs being loaded, it seems like its being added by your theme the second time. You can test this by temporarily switching to a different theme and seeing if the issue is corrected. If you’ve written the theme yourself, you should take out the above line. If it’s a theme you’ve purchased or are having a developer work on, you should contact them to ask them to load jQuery correctly as it will affect the functioning of most other plugins on your site as well.
With WordPress, all you need to do when enqueuing a JavaScript file is specify that it requires jQuery, so this link will be helpful if this is your own custom theme: https://developer.www.ads-software.com/reference/functions/wp_enqueue_script/.
3. This is likely happening because you have the WordPress permalinks set to their default page ID settings. This should be changed, as it can cause conflicts with plugins and also isn’t very user-friendly for those visiting your site. To change this, in your WordPress admin panel, go to Settings > Permalinks and choose the post name option. Then click Save Changes. Then go back to your catalog and try to click on a product again.
4. You can do this with custom CSS. Try adding this to the “Custom CSS” box of your catalogue:
.prod-cat-header-div {
display: none;
}