WordPress Child Theme – WP e-Commerce: Move Product Title to Description Column
This entry is part 8 of 8 in the series WordPress Child Theme Case Study - 2020 Euro Lens Bath
- WordPress Child Theme – Case Study – 2020 Euro Lens Bath
- WordPress Child Theme – Change Header Image Size
- WordPress Child Theme – Remove Title, Description, White Space, Black Lines in Header Section
- WordPress Child Theme – Change Navigation Menu Color
- WordPress Child Theme – Custom Sidebar on Home Page
- WordPress Child Theme – CSS How To: Align 3 DIVS (left/center/right) Inside Another DIV
- WordPress Child Theme – CSS Sticky Footer
- WordPress Child Theme – WP e-Commerce: Move Product Title to Description Column
Overview: Move Product Title from above the Product image, to above the Product details section.
Note 1: WP e-Commerce version: 3.8; WordPress version: 3.1.1
Note 2: All of the WP e-Commerce theme files were first moved to the Child Theme folder via WP e-Commerce’s backup option.
Solution: Move the H2 code from it’s current ImageCol section to the beginning of the ProductCol section.
Edit: root > wp-content > themes > eurolensbath > wpsc-products_page.php
Move the H2 block, lines 68-74:
<h2 class="prodtitle entry-title">
<?php if(get_option('hide_name_link') == 1) : ?>
<?php echo wpsc_the_product_title(); ?>
<?php else: ?>
<a class="wpsc_product_title" href="<?php echo wpsc_the_product_permalink(); ?>"><?php echo wpsc_the_product_title(); ?></a>
<?php endif; ?>
</h2>
To just inside the ProductCol section:
<div class="productcol">
<?php
do_action('wpsc_product_before_description', wpsc_the_product_id(), $wp_query->post);
do_action('wpsc_product_addons', wpsc_the_product_id());
?>
<!-- Moved the H2 code from above the Product Image, to here - which is at the beginning of the Product details column. -->
<h2 class="prodtitle entry-title">
<?php if(get_option('hide_name_link') == 1) : ?>
<?php echo wpsc_the_product_title(); ?>
<?php else: ?>
<a class="wpsc_product_title" href="<?php echo wpsc_the_product_permalink(); ?>"><?php echo wpsc_the_product_title(); ?></a>
<?php endif; ?>
</h2>
<div class="wpsc_description">
<?php echo wpsc_the_product_description(); ?>
</div><!--close wpsc_description-->
Series
- PageLines Framework 2.0 Case Study – BPE Law (6)
- WordPress Child Theme Case Study – 2020 Euro Lens Bath (8)
- WordPress Child Theme Case Study – 2020 Eyes (5)
- WP Twenty Eleven Child theme – Reid Walley (4)
- WordPress Child Theme – Case Study – 2020 Euro Lens Bath
- WordPress Child Theme – Change Header Image Size
- WordPress Child Theme – Remove Title, Description, White Space, Black Lines in Header Section
- WordPress Child Theme – Change Navigation Menu Color
- WordPress Child Theme – Custom Sidebar on Home Page
- WordPress Child Theme – CSS How To: Align 3 DIVS (left/center/right) Inside Another DIV
- WordPress Child Theme – CSS Sticky Footer
- WordPress Child Theme – WP e-Commerce: Move Product Title to Description Column
-
Add Widgets (Secondary Sidebar)
This is your Secondary Sidebar. Edit this content that appears here in the widgets panel by adding or removing widgets in the Secondary Sidebar area.
Smashing Magazine- Beyond The Button: Embracing The Gesture-Driven Interface
- Building The New Financial Times Web App (A Case Study)
- Designing CSS Layouts With Flexbox Is As Easy As Pie
- Mobile UX Research: Exploring Ten Fundamental Aspects Of M-Commerce Usability
- Case Study: Typographic Design Patterns And Current Practices (2013 Edition)

